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绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
jQuery为某个div加入行样式
Jun 09 jQuery
jquery版轮播图效果和extend扩展
Jul 18 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
jQuery中DOM操作原则实例分析
Aug 01 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jquery实现垂直手风琴导航栏
Feb 18 jQuery
jQuery实现手风琴特效
Jan 11 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
php 显示指定路径下的图片
2009/10/29 PHP
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
php array_slice 取出数组中的一段序列实例
2016/11/04 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
jQuery点击自身以外地方关闭弹出层的简单实例
2013/12/24 Javascript
jQuery div拖拽用法实例
2016/01/14 Javascript
jQuery与js实现颜色渐变的方法
2016/12/30 Javascript
JS 实现 ajax 异步浏览器兼容问题
2017/01/21 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
2017/02/11 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
2017/09/10 Javascript
Angularjs按需查询实例代码
2017/10/30 Javascript
vue中实现在外部调用methods的方法(推荐)
2018/02/08 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
Angular6 用户自定义标签开发的实现方法
2019/01/08 Javascript
[59:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第二局
2016/03/04 DOTA
[44:33]EG vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
Python中用于转换字母为小写的lower()方法使用简介
2015/05/19 Python
Python全局变量用法实例分析
2016/07/19 Python
在pycharm上mongodb配置及可视化设置方法
2018/11/30 Python
python3转换code128条形码的方法
2019/04/17 Python
详解Python3之数据指纹MD5校验与对比
2019/06/11 Python
浅析pip安装第三方库及pycharm中导入第三方库的问题
2020/03/10 Python
海淘母婴商城:国际妈咪
2016/07/23 全球购物
《挑山工》的教学反思
2014/02/16 职场文书
年会搞笑主持词
2014/03/27 职场文书
委托公证书范本
2014/04/03 职场文书
环保建议书400字
2014/05/14 职场文书
课例研修方案
2014/05/31 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
六一儿童节标语
2014/10/08 职场文书
小学元宵节活动总结
2015/02/06 职场文书
服务行业标语口号
2015/12/26 职场文书
2016年社区文体活动总结
2016/04/06 职场文书
详解Spring Security如何在权限中使用通配符
2022/06/28 Java/Android