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判断浏览器断开的问题讨论
Oct 29 Javascript
javascript复制对象使用说明
Jun 28 Javascript
jquery中子元素和后代元素的区别示例介绍
Apr 02 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
May 27 Javascript
jquery实现select选择框内容左右移动代码分享
Nov 21 Javascript
学习JavaScript设计模式(代理模式)
Dec 03 Javascript
Vue.js路由组件vue-router使用方法详解
Dec 02 Javascript
详解JavaScript模块化开发
Dec 04 Javascript
详解JavaScript中的六种错误类型
Sep 21 Javascript
Angular2实现的秒表及改良版示例
May 10 Javascript
vue+iview实现分页及查询功能
Nov 17 Vue.js
一行JavaScript代码如何实现瀑布流布局
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
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
一致性哈希算法以及其PHP实现详细解析
2013/08/24 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
JS 页面自动加载函数(兼容多浏览器)
2009/05/18 Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2010/06/11 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
2015/03/05 Javascript
JavaScript整除运算函数ceil和floor的区别分析
2015/04/14 Javascript
微信JS接口大全
2016/08/25 Javascript
jQuery实现的导航下拉菜单效果示例
2016/09/05 Javascript
聊一聊Vue.js过渡效果
2016/09/07 Javascript
angular分页指令操作
2017/01/09 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
webpack本地开发环境无法用IP访问的解决方法
2018/03/20 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
js操作table中tr的顺序实现上移下移一行的效果
2018/11/22 Javascript
微信小程序实现评论功能
2018/11/28 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
2020/02/16 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
2020/07/22 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
python通过正则查找微博@(at)用户的方法
2015/03/13 Python
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
python的dataframe转换为多维矩阵的方法
2018/04/11 Python
Python爬虫常用库的安装及其环境配置
2018/09/19 Python
python实现梯度下降法
2020/03/24 Python
使用python客户端访问impala的操作方式
2020/03/28 Python
在 Python 中使用 7zip 备份文件的操作
2020/12/11 Python
香港永安旅游网:Wing On Travel
2017/04/10 全球购物
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
幼儿园安全工作总结2015
2015/04/20 职场文书
2016年党员创先争优承诺书
2016/03/25 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python
MySQL大小写敏感的注意事项
2021/05/24 MySQL
使用CSS设置滚动条样式
2022/01/18 HTML / CSS