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添加String.Format方法
Aug 11 Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
Jul 14 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
js语法学习之判断一个对象是否为数组
May 13 Javascript
JavaScript学习笔记之基础语法
Jan 22 Javascript
相册展示PhotoSwipe.js插件实现
Aug 25 Javascript
Angular2  NgModule 模块详解
Oct 19 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
Dec 02 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 Javascript
webpack中使用iconfont字体图标的方法
Feb 22 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
Vue.js 十五分钟入门图文教程
Sep 12 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
Windows下PHP5和Apache的安装与配置
2006/09/05 PHP
PHP自动更新新闻DIY
2006/10/09 PHP
NOT NULL 和NULL
2007/01/15 PHP
PHP中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
laravel 输出最后执行sql 附:whereIn的使用方法
2019/10/10 PHP
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
为jQuery增加join方法的实现代码
2010/11/28 Javascript
js中的string.format函数代码
2020/08/11 Javascript
js控制href内容的连接内容的变化示例
2014/04/30 Javascript
Jquery中CSS选择器用法分析
2015/02/10 Javascript
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
JS产生随机数的几个用法详解
2016/06/22 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
2016/07/25 Javascript
jquery siblings获取同辈元素用法实例分析
2016/07/25 Javascript
jQuery动态改变多行文本框高度的方法
2016/09/07 Javascript
JS实现touch 点击滑动轮播实例代码
2017/01/19 Javascript
利用nginx + node在阿里云部署https的步骤详解
2017/12/19 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
在layui中layer弹出层点击事件无效的解决方法
2019/09/05 Javascript
详细介绍解决vue和jsp结合的方法
2020/02/06 Javascript
Python 文件重命名工具代码
2009/07/26 Python
python发送邮件接收邮件示例分享
2014/01/21 Python
python根据开头和结尾字符串获取中间字符串的方法
2015/03/26 Python
window下eclipse安装python插件教程
2017/04/24 Python
Django 中使用流响应处理视频的方法
2018/07/20 Python
Python判断字符串是否为字母或者数字(浮点数)的多种方法
2018/08/03 Python
Python脚本完成post接口测试的实例
2018/12/17 Python
python IDLE 背景以及字体大小的修改方法
2019/07/12 Python
Dr. Martens马汀博士德国官网:马丁靴鼻祖
2019/12/26 全球购物
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
营销专业应届生求职信
2013/11/26 职场文书
基层工作经历证明
2014/01/13 职场文书
优秀乡村医生事迹材料
2014/05/28 职场文书
书法社团活动总结
2015/05/07 职场文书