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 相关文章推荐
在b/s开发中经常用到的javaScript技术
Aug 23 Javascript
JQuery.closest(),parent(),parents()寻找父结点
Feb 17 Javascript
JS自动适应的图片弹窗实例
Jun 29 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
Mar 14 Javascript
jQuery实现TAB选项卡切换特效简单演示
Mar 04 Javascript
Vue.js基础知识汇总
Apr 27 Javascript
基于Vue实现timepicker
Apr 25 Javascript
element ui里dialog关闭后清除验证条件方法
Feb 26 Javascript
vue项目中仿element-ui弹框效果的实例代码
Apr 22 Javascript
JavaScript实现答题评分功能页面
Jun 24 Javascript
JS实现京东商品分类侧边栏
Dec 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
PHP使用Curl实现模拟登录及抓取数据功能示例
2018/04/27 PHP
网页javascript精华代码集
2007/01/24 Javascript
[原创]js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
2007/03/12 Javascript
谈谈JavaScript异步函数发展历程
2015/09/29 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
2016/09/02 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
2017/01/18 Javascript
Canvas实现动态的雪花效果
2017/02/13 Javascript
p5.js实现斐波那契螺旋的示例代码
2018/03/22 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
python元组操作实例解析
2014/09/23 Python
python实现在无须过多援引的情况下创建字典的方法
2014/09/25 Python
python实现网站的模拟登录
2016/01/04 Python
Python爬虫辅助利器PyQuery模块的安装使用攻略
2016/04/24 Python
Ubuntu 下 vim 搭建python 环境 配置
2017/06/12 Python
python基于ID3思想的决策树
2018/01/03 Python
python3调用百度翻译API实现实时翻译
2018/08/16 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
python发qq消息轰炸虐狗好友思路详解(完整代码)
2020/02/15 Python
python开发入门——set的使用
2020/09/03 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
世界上最大的网络主机公司:1&1
2016/10/12 全球购物
网络艺术零售业的先驱者:artrepublic
2017/09/26 全球购物
美国嘻哈文化生活方式品牌:GLD
2018/04/15 全球购物
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
EJB发布WEB服务一般步骤
2012/10/31 面试题
2014年国庆标语
2014/06/30 职场文书
银行奉献演讲稿
2014/09/16 职场文书
法人代表证明书
2014/09/18 职场文书
暑假安全保证书
2015/02/28 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
导游词之岳阳楼
2019/09/25 职场文书
解决go在函数退出后子协程的退出问题
2021/04/30 Golang
Python IO文件管理的具体使用
2022/03/20 Python
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python