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 寻址,闭包,对象模型和相关问题
Apr 27 Javascript
扩展jQuery 键盘事件的几个基本方法
Oct 30 Javascript
js 静态动态成员 and 信息的封装和隐藏
May 29 Javascript
js函数的延迟加载实现代码
Oct 11 Javascript
简单谈谈Javascript中类型的判断
Oct 19 Javascript
一波JavaScript日期判断脚本分享
Mar 06 Javascript
JavaScript ES6中CLASS的使用详解
Nov 22 Javascript
node.js版本管理工具n无效的原理和解决方法
Nov 24 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
Sep 19 Javascript
基于JSONP原理解析(推荐)
Dec 04 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 Javascript
webpack安装配置与常见使用过程详解(结合vue)
Jun 01 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
php上传文件中文文件名乱码的解决方法
2013/11/01 PHP
基于PHP实现通过照片获取ip地址
2016/04/26 PHP
浅谈PHP中类和对象的相关函数
2017/04/26 PHP
PHP实现网站应用微信登录功能详解
2019/04/11 PHP
ext form 表单提交数据的方法小结
2008/08/08 Javascript
跟着JQuery API学Jquery 之二 属性
2010/04/09 Javascript
Javascript面向对象之四 继承
2011/02/08 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
jQuery中复合属性选择器用法实例
2014/12/31 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
2015/03/04 Javascript
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
JavaScript获取对象在页面中位置坐标的方法
2016/02/03 Javascript
jquery实现界面无刷新加载登陆注册
2016/07/30 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
TypeScript学习之强制类型的转换
2016/12/27 Javascript
JavaScript两个变量交换值的实现方法
2017/03/01 Javascript
NodeJS实现微信公众号关注后自动回复功能
2017/05/31 NodeJs
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
在vue组件中使用axios的方法
2018/03/16 Javascript
Vue入门之数量加减运算操作示例
2018/12/11 Javascript
vue多次循环操作示例
2019/02/08 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
2019/05/07 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
2019/07/04 Javascript
vue实现计步器功能
2019/11/01 Javascript
JavaScript实现放大镜效果代码示例
2020/04/29 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
pandas object格式转float64格式的方法
2018/04/10 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
python 中不同包 类 方法 之间的调用详解
2020/03/09 Python
windows10环境下用anaconda和VScode配置的图文教程
2020/03/30 Python
python re模块常见用法例举
2021/03/01 Python
vue 中 get / delete 传递数组参数方法
2021/03/23 Vue.js
新三好学生主要事迹
2014/01/23 职场文书
2016年小学生教师节广播稿
2015/12/18 职场文书
Lombok的详细使用及优缺点总结
2021/07/15 Java/Android