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判断css3动画结束 css3动画结束的回调函数
Mar 10 Javascript
浅析JS运动
Dec 28 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 Javascript
JavaScript  event对象整理及详细介绍
Oct 10 Javascript
JS实现滑动门效果的方法详解
Dec 19 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
关于不同页面之间实现参数传递的几种方式讨论
Feb 13 Javascript
浅谈Node模块系统及其模式
Nov 17 Javascript
深入理解Vue router的部分高级用法
Aug 15 Javascript
Vue动态组件和异步组件原理详解
May 06 Javascript
JS实现简单的文字无缝上下滚动功能示例
Jun 22 Javascript
vue-cli4.x创建企业级项目的方法步骤
Jun 18 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中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
phpMyAdmin 链接表的附加功能尚未激活的问题
2010/08/01 PHP
PHP pathinfo()获得文件的路径、名称等信息说明
2011/09/13 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
yii,CI,yaf框架+smarty模板使用方法
2015/12/29 PHP
Javascript里使用Dom操作Xml
2007/01/22 Javascript
一个符号插入器 中用到的js代码
2007/09/04 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
Javascript基础教程之关键字和保留字汇总
2015/01/18 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
JS构造函数与原型prototype的区别介绍
2016/07/04 Javascript
基于js实现checkbox批量选中操作
2016/11/22 Javascript
bootstrap表格内容过长时用省略号表示的解决方法
2017/11/21 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
2018/11/08 Javascript
node.js命令行教程图文详解
2019/05/27 Javascript
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
初步理解Python进程的信号通讯
2015/04/09 Python
更新修改后的Python模块方法
2019/03/03 Python
PyQt4 treewidget 选择改变颜色,并设置可编辑的方法
2019/06/17 Python
Python matplotlib生成图片背景透明的示例代码
2019/08/30 Python
python GUI库图形界面开发之PyQt5复选框控件QCheckBox详细使用方法与实例
2020/02/28 Python
借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
2016/03/14 HTML / CSS
杭州信雅达系统.NET工程师面试试题
2015/02/08 面试题
国际商务系学生个人的自我评价
2013/11/26 职场文书
向领导表决心的话
2014/03/11 职场文书
学校出纳员岗位职责
2014/03/18 职场文书
舞蹈社团活动总结
2015/05/07 职场文书
银行资信证明
2015/06/17 职场文书
法定代表人身份证明书
2015/06/18 职场文书
医院病假条怎么写
2015/08/17 职场文书
Mysql中存储引擎的区别及比较
2021/06/04 MySQL
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript
MySQL 服务和数据库管理
2021/11/11 MySQL
「天才王子的赤字国家重生术」妮妮姆·拉雷粘土人开订
2022/03/21 日漫