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 相关文章推荐
基于jQuery的可以控制左右滚动及自动滚动效果的代码
Jul 25 Javascript
JS通过相同的name进行表格求和代码
Aug 18 Javascript
JS+CSS实现带小三角指引的滑动门效果
Sep 22 Javascript
javascript+HTML5自定义元素播放焦点图动画
Feb 21 Javascript
详解jQuery中的empty、remove和detach
Apr 11 Javascript
jQuery使用ajax跨域获取数据的简单实例
May 18 Javascript
javascript中Date对象应用之简易日历实现
Jul 12 Javascript
使用JS实现导航切换时高亮显示的示例讲解
Aug 22 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
May 07 Javascript
微信小程序从注册账号到上架(图文详解)
Jul 17 Javascript
easyUI 实现的后台分页与前台显示功能示例
Jun 01 Javascript
js实现星星打分效果
Jul 05 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
实用函数9
2007/11/08 PHP
PHP中遇到BOM、编码导致json_decode函数无法解析问题
2014/07/02 PHP
PHP中$_SERVER使用说明
2015/07/05 PHP
php+flash+jQuery多图片上传源码分享
2020/07/27 PHP
PHP两种实现无级递归分类的方法
2017/03/02 PHP
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
2020/04/06 PHP
TNC vs IO BO3 第二场2.13
2021/03/10 DOTA
JavaScript之HTMLCollection接口代码
2011/04/27 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
2013/01/17 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
js和jquery中循环的退出和继续下一个循环
2014/09/03 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
2015/08/17 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
2016/08/23 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
BootStrap selectpicker后台动态绑定数据
2017/06/01 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
基于JavaScript实现百度搜索框效果
2020/06/28 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
2018/01/09 Javascript
详解VSCode配置启动Vue项目
2019/05/14 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
用Python编写分析Python程序性能的工具的教程
2015/04/01 Python
Windows环境下python环境安装使用图文教程
2018/03/13 Python
解决django前后端分离csrf验证的问题
2019/02/03 Python
详解使用python绘制混淆矩阵(confusion_matrix)
2019/07/14 Python
python实现在函数中修改变量值的方法
2019/07/16 Python
Python使用type动态创建类操作示例
2020/02/29 Python
如何使用python socket模块实现简单的文件下载
2020/09/04 Python
CSS教程:CSS3圆角属性
2009/04/02 HTML / CSS
Bally澳大利亚官网:瑞士奢侈品牌
2018/11/01 全球购物
应届毕业生个人求职信范文
2014/01/29 职场文书
安全大检查实施方案
2014/02/22 职场文书
大学生个人求职信
2014/06/02 职场文书
劳动仲裁代理词范文
2015/05/25 职场文书
首都博物馆观后感
2015/06/05 职场文书
MySQL8.0.24版本Release Note的一些改进点
2021/04/22 MySQL