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 相关文章推荐
jQuery 性能优化指南(3)
May 21 Javascript
基于jquery的仿百度的鼠标移入图片抖动效果
Sep 17 Javascript
改善用户体验的五款jQuery插件分享
May 22 Javascript
JS+JSP checkBox 全选具体实现
Jan 02 Javascript
AngularJS基础 ng-csp 指令详解
Aug 01 Javascript
移动端脚本框架Hammer.js
Dec 15 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
Apr 24 Javascript
详解webpack+vue-cli项目打包技巧
Jun 17 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
Nov 22 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
vue addRoutes路由动态加载操作
Aug 04 Javascript
Vue中的nextTick作用和几个简单的使用场景
Jan 25 Vue.js
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程序中的常见漏洞进行攻击(上)
2006/10/09 PHP
PHP var关键字相关原理及使用实例解析
2020/07/11 PHP
Javascript下的keyCode键码值表
2007/04/10 Javascript
js实现简单模态窗口,背景灰显
2008/11/14 Javascript
javascript concat数组累加 示例
2009/09/03 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
js模拟C#中List的简单实例
2014/03/06 Javascript
JQuery中使文本框获得焦点的方法实例分析
2015/02/28 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
jQuery可见性过滤选择器用法示例
2016/09/09 Javascript
详解vue组件化开发-vuex状态管理库
2017/04/10 Javascript
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
vue数据传递--我有特殊的实现技巧
2018/03/20 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
[01:09]2014DOTA2国际邀请赛 TI4西雅图DOTA2 中国美女coser加油助威
2014/07/20 DOTA
[01:06] DOTA2英雄背景故事第三期之秩序法则光之守卫
2020/07/07 DOTA
python改变日志(logging)存放位置的示例
2014/03/27 Python
Python 列表list使用介绍
2014/11/30 Python
Python中使用Boolean操作符做真值测试实例
2015/01/30 Python
Python使用xlrd读取Excel格式文件的方法
2015/03/10 Python
python使用7z解压apk包的方法
2015/04/18 Python
Python基本语法经典教程
2016/03/11 Python
pygame游戏之旅 添加游戏介绍
2018/11/20 Python
pymysql 开启调试模式的实现
2019/09/24 Python
python创建ArcGIS shape文件的实现
2019/12/06 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
pytorch 实现张量tensor,图片,CPU,GPU,数组等的转换
2020/01/13 Python
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
2014年客房部工作总结
2014/11/22 职场文书
质检员岗位职责
2015/02/03 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
公务员年终个人总结
2015/02/12 职场文书
2016春节慰问信范文
2015/03/25 职场文书
浅谈tf.train.Saver()与tf.train.import_meta_graph的要点
2021/05/26 Python
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android