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的面向对象的特性实现限制试用期
Aug 04 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
Nov 30 Javascript
Bootstrap入门书籍之(一)排版
Feb 17 Javascript
jQuery防止重复绑定事件的解决方法
May 14 Javascript
Bootstrap图片轮播组件使用实例解析
Jun 30 Javascript
Angularjs中的页面访问权限怎么设置
Nov 11 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
Nov 11 Javascript
Vue 仿QQ左滑删除组件功能
Mar 12 Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 Javascript
node 标准输入流和输出流代码实例
Sep 19 Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
jQuery实现异步上传一个或多个文件
Aug 17 jQuery
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 反向排序和随机排序代码
2010/06/30 PHP
php文件服务实现虚拟挂载其他目录示例
2014/04/17 PHP
SSO单点登录的PHP实现方法(Laravel框架)
2016/03/23 PHP
用JavaScript显示随机图像或引用
2009/04/21 Javascript
javascript 框架小结 个人工作经验
2009/06/13 Javascript
Javascript 汉字字节判断
2009/08/01 Javascript
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
2012/12/19 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
2014/01/08 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
setinterval()与clearInterval()JS函数的调用方法
2015/01/21 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
2015/04/20 Javascript
javascript性能优化之事件委托实例详解
2015/12/12 Javascript
js实现精确到秒的日期选择器完整实例
2016/04/30 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
2016/11/16 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
2017/10/09 jQuery
vue-cli3项目展示本地Markdown文件的方法
2019/06/07 Javascript
微信用户访问小程序的登录过程详解
2019/09/20 Javascript
JavaScript this使用方法图解
2020/02/04 Javascript
微信小程序仿通讯录功能
2020/04/09 Javascript
element中的$confirm的使用
2020/04/26 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
pymysql 开启调试模式的实现
2019/09/24 Python
Python模块_PyLibTiff读取tif文件的实例
2020/01/13 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
详解利用python识别图片中的条码(pyzbar)及条码图片矫正和增强
2020/11/17 Python
英国和世界各地预订便宜的酒店:LateRooms.com
2019/05/05 全球购物
前台接待员岗位职责
2014/01/02 职场文书
给交警的表扬信
2014/01/12 职场文书
我的五年职业生涯规划
2014/01/23 职场文书
学生党支部先进事迹
2014/02/04 职场文书
产品生产计划书
2014/05/07 职场文书
教师节感恩老师演讲稿
2014/08/28 职场文书
新娘婚礼答谢词
2015/09/29 职场文书
作文之亲情600字
2019/09/23 职场文书