jQuery Pagination分页插件_动力节点Java学院整理


Posted in jQuery onJuly 17, 2017

插件简介

此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。

原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改版中我对其进行了优化,使其支持text-align的定位。

使用方法

跟一般的jQuery插件一样,此插件使用也很简单便捷。方法是pagination,例如$("#page").pagination(100);

参数

参数名 描述 参数值
maxentries 总条目数 必选参数,整数
items_per_page 每页显示的条目数 可选参数,默认是10
num_display_entries 连续分页主体部分显示的分页条目数 可选参数,默认是10
current_page 当前选中的页面 可选参数,默认是0,表示第1页
num_edge_entries 两侧显示的首尾分页的条目数 可选参数,默认是0
link_to 分页的链接 字符串,可选参数,默认是"#"
prev_text “前一页”分页按钮上显示的文字 字符串参数,可选,默认是"Prev"
next_text “下一页”分页按钮上显示的文字 字符串参数,可选,默认是"Next"
ellipse_text 省略的页数用什么文字表示 可选字符串参数,默认是"..."
prev_show_always 是否显示“前一页”分页按钮 布尔型,可选参数,默认为true,即显示“前一页”按钮
next_show_always 是否显示“下一页”分页按钮 布尔型,可选参数,默认为true,即显示“下一页”按钮
callback 回调函数 默认无执行效果

举例

例如下面的使用代码:

$("#Pagination").pagination(56, {
  num_edge_entries: 2,
  num_display_entries: 4,
  callback: pageselectCallback,
  items_per_page:1
});

这段代码表示的含义是:总共有56(maxentries)个列表项,首尾两侧分页显示2(num_edge_entries)个,连续分页主体数目显示4(num_display_entries)个,回调函数为pageselectCallback(callback),每页显示的列表项为1(items_per_page)个。

jQuery 相关文章推荐
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
Dec 24 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
jquery实现吸顶导航效果
Jan 08 jQuery
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
jquery+css3实现的经典弹出层效果示例
May 16 jQuery
如何在vue 中引入使用jquery
Nov 10 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 #jQuery
jQuery列表检索功能实现代码
Jul 17 #jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 #jQuery
用户管理的设计_jquery的ajax实现二级联动效果
Jul 13 #jQuery
JQuery EasyUI的一些常用组件
Jul 12 #jQuery
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 #jQuery
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 #jQuery
You might like
《魔兽世界》惊魂幻象将获得调整
2020/03/08 其他游戏
用php和MySql来与ODBC数据连接
2006/10/09 PHP
php中时间轴开发(刚刚、5分钟前、昨天10:23等)
2011/10/03 PHP
如何用php获取文件名后缀
2013/06/09 PHP
PHP+AJAX实现投票功能的方法
2015/09/28 PHP
PHP 微信扫码支付源代码(推荐)
2016/11/03 PHP
javascript json 新手入门文档
2009/12/03 Javascript
JavaScript 类似flash效果的立体图片浏览器
2010/02/08 Javascript
jquery 操作DOM案例代码分享
2012/04/05 Javascript
jQuery过滤选择器详解
2015/01/13 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
归纳下js面向对象的几种常见写法总结
2016/08/24 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
Javascript之面向对象--方法
2016/12/02 Javascript
JS检测是否可以访问公网服务器功能代码
2017/06/19 Javascript
nodejs连接mysql数据库及基本知识点详解
2018/03/20 NodeJs
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
详解vue 2.6 中 slot 的新用法
2019/07/09 Javascript
[03:52]显微镜下的DOTA2第三期——英雄在无聊的时候干什么
2014/06/20 DOTA
[55:25]2018DOTA2亚洲邀请赛3月29日 小组赛A组 VG VS OG
2018/03/30 DOTA
Python生成短uuid的方法实例详解
2018/05/29 Python
python Pillow图像处理方法汇总
2019/10/16 Python
详解BeautifulSoup获取特定标签下内容的方法
2020/12/07 Python
24个canvas基础知识小结
2014/12/17 HTML / CSS
全球领先的美容用品专卖店:Beauty Plus Salon
2018/09/04 全球购物
Fnac西班牙官网:法国文化和电子产品零售商
2021/03/14 全球购物
程序运行正确, 但退出时却"core dump"了,怎么回事
2014/02/19 面试题
2014年元旦活动方案
2014/02/15 职场文书
班子四风对照检查材料
2014/08/21 职场文书
小学秋季运动会报道稿
2014/09/30 职场文书
学生会感恩节活动方案
2014/10/11 职场文书
爱心捐款活动总结
2015/05/09 职场文书
小学教学工作总结2015
2015/05/13 职场文书
争做文明公民倡议书
2019/06/24 职场文书
Python echarts实现数据可视化实例详解
2022/03/03 Python
面试分析分布式架构Redis热点key大Value解决方案
2022/03/13 Redis