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实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
jQuery使用JSONP实现跨域获取数据的三种方法详解
May 04 jQuery
Jquery中attr与prop的区别详解
May 27 jQuery
基于jquery实现左右上下移动效果
May 02 jQuery
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
jquery.pagination.js分页使用教程
Oct 23 jQuery
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
jquery html添加元素/删除元素操作实例详解
May 20 jQuery
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
jquery插件实现代码雨特效
Apr 24 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无限分类代码,支持数组格式化、直接输出菜单两种方式
2011/05/18 PHP
PHP使用JSON和将json还原成数组
2015/02/12 PHP
php中数据库连接方式pdo和mysqli对比分析
2015/02/25 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
utf-8编码引起js输出中文乱码的解决办法
2010/06/23 Javascript
javascript showModalDialog 内跳转页面的问题
2010/11/25 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
2013/05/13 Javascript
深入理解Javascript里的依赖注入
2014/03/19 Javascript
一个jquery实现的不错的多行文字图片滚动效果
2014/09/28 Javascript
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
bootstrap 弹出框modal添加垂直方向滚轴效果
2018/07/09 Javascript
详解js中Array的方法及技巧
2018/09/12 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
2018/09/21 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
2018/10/20 Javascript
vue+element UI实现树形表格带复选框的示例代码
2019/04/16 Javascript
python使用marshal模块序列化实例
2014/09/25 Python
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
python3使用scrapy生成csv文件代码示例
2017/12/28 Python
python 删除非空文件夹的实例
2018/04/26 Python
Python实现确认字符串是否包含指定字符串的实例
2018/05/02 Python
基于python批量处理dat文件及科学计算方法详解
2018/05/08 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
自定义实现 PyQt5 下拉复选框 ComboCheckBox的完整代码
2020/03/30 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
一款利用纯css3实现的win8加载动画的实例分析
2014/12/11 HTML / CSS
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
大三自我鉴定范文
2013/10/05 职场文书
公务员职务工作的自我评价
2013/11/01 职场文书
2014年文学毕业生自我鉴定
2014/04/23 职场文书
刑事辩护授权委托书格式
2014/10/13 职场文书
2014年安全生产工作总结
2014/11/13 职场文书
升学宴学生致辞
2015/07/27 职场文书
Pyhton模块和包相关知识总结
2021/05/12 Python
Python中异常处理用法
2021/11/27 Python
如何用六步教会你使用python爬虫爬取数据
2022/04/06 Python
MySQL运行报错:“Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggre”解决方法
2022/06/14 MySQL