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访问XML数据的实例
Dec 27 Javascript
jquery Firefox3.5中操作select的问题
Jul 10 Javascript
JQuery 学习笔记 选择器之三
Jul 23 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
js获取当前月的第一天和最后一天的小例子
Nov 18 Javascript
jQuery实现的多滑动门,多选项卡效果代码
Mar 28 Javascript
node.js实现端口转发
Apr 14 Javascript
js多功能分页组件layPage使用方法详解
May 19 Javascript
如何在Angular.JS中接收并下载PDF
Nov 26 Javascript
Vue框架里使用Swiper的方法示例
Sep 20 Javascript
jsonp实现百度下拉框功能的方法分析
May 10 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
Jun 19 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 柱状图实现代码
2009/12/04 PHP
PHP的substr_replace将指定两位置之间的字符替换为*号
2011/05/04 PHP
PHP源码之explode使用说明
2011/08/05 PHP
PHP上传文件时文件过大$_FILES为空的解决方法
2013/11/26 PHP
thinkPHP数据库增删改查操作方法实例详解
2016/12/06 PHP
关于php unset对json_encode的影响详解
2018/11/14 PHP
php swoft框架实例用法
2020/12/22 PHP
JS中生成随机数的用法及相关函数
2016/01/09 Javascript
js中遍历对象的属性和值的方法
2016/07/27 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
2016/12/14 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
js实现显示手机号码效果
2017/03/09 Javascript
jQuery输入框密码的显示隐藏【代码分享】
2017/04/29 jQuery
JS判断时间段的实现代码
2017/06/14 Javascript
Angular.JS中指令ng-if的注意事项小结
2017/06/21 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
ReactJS实现表单的单选多选和反选的示例
2017/10/13 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
微信提示 在浏览器打开 效果实现过程解析
2019/09/10 Javascript
[01:03]悬念揭晓 11月26日DOTA2完美盛典不见不散
2017/11/23 DOTA
使用python存储网页上的图片实例
2018/05/22 Python
python切片及sys.argv[]用法详解
2018/05/25 Python
python读取图片任意范围区域
2019/01/23 Python
python障碍式期权定价公式
2019/07/19 Python
python使用pip安装SciPy、SymPy、matplotlib教程
2019/11/20 Python
Django实现后台上传并显示图片功能
2020/05/29 Python
Python实现一个优先级队列的方法
2020/07/31 Python
VIVOBAREFOOT赤脚鞋:让您的脚做自然的事情
2017/06/01 全球购物
Quiksilver荷兰官方网站:冲浪和滑雪板
2019/11/16 全球购物
体育纪念品、亲笔签名的体育收藏品:Steiner Sports
2020/07/31 全球购物
网游商务专员求职信
2013/10/15 职场文书
正科级干部考察材料
2014/05/29 职场文书
施工员岗位职责范本
2015/04/11 职场文书
Django与数据库交互的实现
2021/06/03 Python
python基础之文件操作
2021/10/24 Python
Java实战之课程信息管理系统的实现
2022/04/01 Java/Android