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 相关文章推荐
JS函数实现动态添加CSS样式表文件
Dec 15 Javascript
点击进行复制的JS代码实例
Aug 23 Javascript
JavaScript中Promise的使用详解
Feb 26 Javascript
ES6学习笔记之Set和Map数据结构详解
Apr 07 Javascript
js 两数组去除重复数值的实例
Dec 06 Javascript
基于input动态模糊查询的实现方法
Dec 12 Javascript
前端路由&amp;webpack基础配置详解
Jun 10 Javascript
解决layui 三级联动下拉框更新时回显的问题
Sep 03 Javascript
vue 设置 input 为不可以编辑的实现方法
Sep 19 Javascript
js实现移动端图片滑块验证功能
Sep 29 Javascript
带你使用webpack快速构建web项目的方法
Nov 12 Javascript
js删除对象中的某一个字段的方法实现
Jan 11 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多维数组去掉重复值示例分享
2014/03/02 PHP
php获取中文拼音首字母类和函数分享
2014/04/24 PHP
PHP中常用的字符串格式化函数总结
2014/11/19 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
javascript编程起步(第六课)
2007/01/10 Javascript
Javascript变量函数浅析
2011/09/02 Javascript
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
js二级地域选择的实现方法
2013/06/17 Javascript
js模拟点击以提交表单为例兼容主流浏览器
2013/11/29 Javascript
在 Express 中使用模板引擎
2015/12/10 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
2016/01/12 Javascript
JavaScript预解析及相关技巧分析
2016/04/21 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
angularjs封装$http为factory的方法
2017/05/18 Javascript
微信小程序button组件使用详解
2018/01/31 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
2019/05/05 Javascript
vue实现图片预览组件封装与使用
2019/07/13 Javascript
Python利用多进程将大量数据放入有限内存的教程
2015/04/01 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
Django框架 querySet功能解析
2019/09/04 Python
python如何判断IP地址合法性
2020/04/05 Python
python如何实现图片压缩
2020/09/11 Python
Python环境配置实现pip加速过程解析
2020/11/27 Python
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
Yahoo-PHP面试题2
2014/12/06 面试题
Java模拟试题
2014/11/10 面试题
体育教师工作总结的自我评价
2013/10/10 职场文书
关于梦想的演讲稿
2014/05/05 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python
MySQL插入数据与查询数据
2022/03/25 MySQL
Python实现日志实时监测的示例详解
2022/04/06 Python