jquery.bootpag分页控件

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