当前位置: 首页 > 工具软件 > Bootpag > 使用案例 >

jquery.bootpag分页控件

邹开畅
2023-12-01
  1. <script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
  2. <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  3. <script src="//raw.github.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js"></script>
  4. <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  5. 或者在这个http://www.bootcdn.cn里面查找cdn,很快的。

必须配合bootstrap哦。

 1 $('#pagination-BackTestSectionTrading').bootpag({
 2     total: 100,
 3     page: 1,
 4     maxVisible: 5,
 5     leaps: true,
 6     firstLastUse: true,
 7     first: '首页',
 8     last: '尾页',
 9     wrapClass: 'pagination',
10     activeClass: 'active',
11     disabledClass: 'disabled',
12     nextClass: 'next',
13     prevClass: 'prev',
14     lastClass: 'last',
15     firstClass: 'first'
16 }).on('page', function (event, num) {
17     console.log(num);
18 });

这里附上我使用的版本文件,另外还有一个不是基于bootstrap的分页插件。

我使用的版本:密码:68pv

独立分页插件 密码:nyc3

转载于:https://www.cnblogs.com/webSong/p/7091172.html

 类似资料: