手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
摘要:******生成js分页脚**********没剑(2008-03-05)****修改日期:2008-3-12添加两个参数:displayn...

******生成js分页脚******

****没剑(2008-03-05)****

修改日期:2008-3-12

添加两个参数:displaynum,displaylastNum可以自由定制显示的页码数量

参数: pagesize:10 //每页显示的页码数

,count:0 //数据条数

,css:"mj_pagefoot" //分页脚css样式类

,current:1 //当前页码

,displaynum:7 //中间显示页码数

,displaylastNum:5 //最后显示的页码数

,previous:"上一页" //上一页显示样式

,next:"下一页" //下一页显示样式

,paging:null //分页事件触发时callback函数

使用:

$("div").pagefoot({

pagesize:10,

count:500,

css:"mj_pagefoot",

previous:"<",

next:">",

paging:function(page){

alert("当前第"+page+"页");

}

});

以上代码为所有div加上分页脚代码

*/

其中要特别说明一下其中的一个参数:paging

1 这个参数为分页脚分页时触发的动作,如果你不在这个动作里加点东西的话,这个分页就不会正常动作,所以你可以这样子加入:

paging:function(page){

location.href="?page="+page;

}

当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current

了,如果你不赋值给它,它默认的值是第一页。。。

2 如果你加入一些load数据的动作的话就可以当成是ajax无刷新了,呵呵

paging:function(page){

//ajax.loaddata(page);

}

没有什么技术含量,权当练手吧,哈哈

复制代码 代码如下:

JackLee: paging:function(page){

location.href="?page="+page;

}

用这个有问题呀??

当你点了第10页时,在div导航上第1页是当前,我想应该让第10页是当前的才对呀!

--------------------------------------------------------

你没有注意这里哦:

---

当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current

了,如果你不赋值给它,它默认的值是第一页。。。

---

你在重新加载了这个页后要手动赋值给它。

如果你不想这样子的话就用ajax来分页效果会比较好,又不会太麻烦

在线演示 http://img.jb51.net/online/jquery.pageFoot/DEMO.htm

文件打包 http://img.jb51.net/online/jquery.pageFoot/jquery.pageFoot.rar

【jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页】相关文章:

javascript常用的方法分享

jQuery结合ajax实现动态加载文本内容

Div+CSS+JS树型菜单,可刷新

脚本写的IE右键助手

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

JQuery插件jcarousellite的参数中文说明

超级强大的表单验证

简介JavaScript中的getUTCFullYear()方法的使用

jQuery插件支持同一页面被多次调用

jQuery插件jRumble实现网页元素抖动

精品推荐
分类导航