jQuery 简易表格和列表分页插件 分页

  • 源码大小:34.91KB
  • 所需积分:1积分
  • 源码编号:19JP-3226
  • 浏览次数:724次
  • 最后更新:2023年05月20日
  • 所属栏目:表格
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

分页是一个简单但可完全配置的jQuery客户端分页插件,它允许对任何DOM元素(如大型html表和列表)进行分页。与Twitter的Bootstrap框架兼容。

如何使用它:

1.在网页中添加jQuery库和jQuery分页插件。

  1. <script src="//code.jquery.com/jquery.min.js"></script>
  2. <script src="paginathing.js"></script>

2.调用函数分页在目标选择器上,插件将处理其余部分。

  1. // paginate an unordered list
  2. $('ul').paginathing()
  3.  
  4. // paginate an html table
  5. $('table tbody').paginathing();

3.调用函数分页在目标选择器上,插件将处理其余部分。

  1. // paginate an unordered list
  2. $('ul').paginathing()
  3.  
  4. // paginate an html table
  5. $('table tbody').paginathing();

4.指定每页要显示的子元素数量。

  1. $('.selector').paginathing({
  2. perPage: 5,
  3. })

5.配置分页控件:

  1. $('.selector').paginathing({
  2.  
  3. // Limites your pagination number
  4. // false or number
  5. limitPagination: false,
  6.  
  7. // Pagination controls
  8. prevNext: true,
  9. firstLast: true,
  10. prevText: '&laquo;',
  11. nextText: '&raquo;',
  12. firstText: 'First',
  13. lastText: 'Last',
  14. containerClass: 'pagination-container',
  15. ulClass: 'pagination',
  16. liClass: 'page',
  17. activeClass: 'active',
  18. disabledClass: 'disabled',
  19. })

6.在某个元素后面附加分页控件。

  1. $('.selector').paginathing({
  2.  
  3. insertAfter: null
  4. })

7.决定是否显示总页数的当前页码。

  1. $('.selector').paginathing({
  2.  
  3. pageNumbers: false
  4. })

更新日志:

2023-01-15

  • 错误修复程序

预览截图