- <script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
- <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
- <script src="//raw.github.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js"></script>
- <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
- 或者在这个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