jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页


Posted in Javascript onDecember 25, 2008

******生成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.3water.com/online/jquery.pageFoot/DEMO.htm
文件打包 http://img.3water.com/online/jquery.pageFoot/jquery.pageFoot.rar
Javascript 相关文章推荐
用函数式编程技术编写优美的 JavaScript_ibm
May 16 Javascript
jQuery语法总结和注意事项小结
Nov 11 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
May 28 Javascript
使用js dom和jquery分别实现简单增删改
Sep 11 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
Oct 22 Javascript
移动端点击图片放大特效PhotoSwipe.js插件实现
Aug 25 Javascript
js防刷新的倒计时代码 js倒计时代码
Sep 06 Javascript
详解javascript replace高级用法
Feb 17 Javascript
详解vue-cli中使用rem,vue自适应
May 06 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
Nov 23 Javascript
基于javascript处理二进制图片流过程详解
Jun 08 Javascript
js实现纯前端压缩图片
Nov 16 Javascript
jquery 图片预加载 自动等比例缩放插件
Dec 25 #Javascript
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
Dec 25 #Javascript
ASP SQL防注入的方法
Dec 25 #Javascript
jQuery 位置插件
Dec 25 #Javascript
jQuery 浮动广告实现代码
Dec 25 #Javascript
jQuery 操作XML入门
Dec 25 #Javascript
jQuery 动画基础教程
Dec 25 #Javascript
You might like
一个很方便的 XML 类!!原创的噢
2006/10/09 PHP
php 5.3.5安装memcache注意事项小结
2011/04/12 PHP
Opcache导致php-fpm崩溃nginx返回502
2015/03/02 PHP
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
JavaScript实现向右伸出的多级网页菜单效果
2015/08/25 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
2015/09/27 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
2016/10/21 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
2017/03/29 Javascript
jQuery插件artDialog.js使用与关闭方法示例
2017/10/09 jQuery
bootstrap日期插件daterangepicker使用详解
2017/10/19 Javascript
vue 虚拟dom的patch源码分析
2018/03/01 Javascript
Vuex入门到上手教程
2018/06/20 Javascript
vue移动端轻量级的轮播组件实现代码
2018/07/12 Javascript
对vue事件的延迟执行实例讲解
2018/08/28 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
JavaScript从原型到原型链深入理解
2019/06/03 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
2019/11/18 jQuery
从0到1学习JavaScript编写贪吃蛇游戏
2020/07/28 Javascript
Python格式化压缩后的JS文件的方法
2015/03/05 Python
python随机取list中的元素方法
2018/04/08 Python
Python实现的大数据分析操作系统日志功能示例
2019/02/11 Python
python 堆和优先队列的使用详解
2019/03/05 Python
python 用户交互输入input的4种用法详解
2019/09/24 Python
用python写一个带有gui界面的密码生成器
2020/11/06 Python
Intersport西班牙:在线体育商店
2019/11/06 全球购物
广州御银科技股份有限公司试卷(C++)
2016/11/04 面试题
高三高考决心书
2014/03/11 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
雷锋之歌观后感
2015/06/10 职场文书
用Python生成会跳舞的美女
2022/01/18 Python
MySQL插入数据与查询数据
2022/03/25 MySQL
mysql全面解析json/数组
2022/07/07 MySQL