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 相关文章推荐
预加载css或javascript的js代码
Apr 23 Javascript
JavaScript中的null和undefined解析
Apr 14 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
Apr 04 Javascript
再谈Jquery Ajax方法传递到action(补充)
May 12 Javascript
node.js中的emitter.on方法使用说明
Dec 10 Javascript
jQuery 中DOM 操作详解
Jan 13 Javascript
简介JavaScript中的unshift()方法的使用
Jun 09 Javascript
自己封装的一个原生JS拖动方法(推荐)
Nov 22 Javascript
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
Js利用Canvas实现图片压缩功能
Sep 13 Javascript
使用typescript开发angular模块并发布npm包
Apr 19 Javascript
使用Vant完成Dialog弹框案例
Nov 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
jQuery+PHP+ajax实现微博加载更多内容列表功能
2014/06/27 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
php生成HTML文件的类方法
2019/10/11 PHP
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
2012/04/07 Javascript
javascript间隔刷新的简单实例
2013/11/14 Javascript
js生成随机数之random函数随机示例
2013/12/20 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
2016/06/21 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
JavaScript中import用法总结
2019/01/20 Javascript
JavaScript实现PC端横向轮播图
2020/02/07 Javascript
[02:46]完美世界DOTA2联赛PWL DAY4集锦
2020/11/03 DOTA
python爬虫基本知识
2018/03/05 Python
对Python3中的print函数以及与python2的对比分析
2018/05/02 Python
Python 使用PIL中的resize进行缩放的实例讲解
2018/08/03 Python
用python给自己做一款小说阅读器过程详解
2019/07/11 Python
python中字典按键或键值排序的实现代码
2019/08/27 Python
python实现数字炸弹游戏
2020/07/17 Python
一款利用html5和css3实现的3D立方体旋转效果教程
2016/04/26 HTML / CSS
马来西亚领先的在线礼品店:Giftr
2018/08/23 全球购物
英国的潮牌鞋履服饰商店:size?
2019/03/26 全球购物
易程科技软件测试笔试
2013/03/24 面试题
项目副经理岗位职责
2013/12/30 职场文书
六月份红领巾广播稿
2014/02/03 职场文书
结婚喜宴主持词
2014/03/14 职场文书
关于环保的标语
2014/06/13 职场文书
竞聘演讲稿怎么写
2014/08/28 职场文书
2015年业务工作总结范文
2015/04/10 职场文书
行政处罚告知书
2015/07/01 职场文书
员工安全责任协议书
2016/03/22 职场文书
古诗文之爱国名句(77句)
2019/09/24 职场文书
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS
Pytorch反向传播中的细节-计算梯度时的默认累加操作
2021/06/05 Python
Win11怎么把合并的任务栏分开 Win11任务栏合并分开教程
2022/04/06 数码科技