首页 > 代码库 > jquery.bootpag分页控件

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

jquery.bootpag分页控件