1. 程式人生 > >jquery.bootpag分頁控件

jquery.bootpag分頁控件

一個 func ack eap color 必須 oot baidu clas

  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分頁控件