Jquery分页插件之JqueryPagination_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Jquery分页插件之JqueryPagination_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4031字，纯文字阅读大概需要6分钟。
内容图文
实用jQuery分页特效插件jquery.pagination.js，基于jQuery实现，可根据pageselectCallback函数callback调用通过ajax调用动态数据，目前的方法是生成JSON数据到JS文件，调用的数据是JSON格式数据，缺点是数据是一次性读出来的，效率会差些，插件支持众多参数的自定义配置功能，还是很不错的，大家可以根据自己的想法进行改进。
有同学问道jquery的简单分页插件，原来有同事写过一个简单[Javascript 使用回调函数的自定义分页插件--自带样式]。
今天分享一个功能比较强大的jquery分页插件：jquery.pagination。
 |
官方地址：http://esimakin.github.io/twbs-pagination/
简介与说明
此Jquery插件为Ajax分页插件，一次性加载，故分页切换时无刷新与延迟，如果数据量较大不建议用此方法，因为加载会比较慢。
原插件CSS不太合理，使用浮动，故无法方便实现左右方向的定位，且未清除浮动，在中文修改版中我对其进行了优化，使其支持text-align的定位。
对原js文件注释进行了中文翻译，demo页面也是汉化了的，demo页面的js与原demo有一些出入，但核心不变。
使用方法
跟一般的jQuery插件一样，此插件使用也很简单便捷。方法是pagination，例如$("#page").pagination(100);，这里的100参数是必须的，表示显示项目的总个数，这是最简单的使用，得到的显示如下：
 |
还有一点值得一提的是分页列表需要放在class类为pagination的标签内，您可以使用text-align属性控制分页居中显示还是居右显示。
回调函数一般用来装载对应分页显示的内容，具体参见demo源文件。
参数
 |
使用举例
例如下面的使用代码：
项目demo：
定义分页相关参数：
html:
获取数据并调用分页函数：
示例二：
Jquery Pagination插件代码：
以上内容是本文针对Jquery 分页插件之Jquery Pagination的全部叙述，希望大家喜欢。
内容总结
以上是互联网集市为您收集整理的Jquery分页插件之JqueryPagination_jquery全部内容，希望文章能够帮你解决Jquery分页插件之JqueryPagination_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。