![](/img/trans.png)
[英]DataTables - Next/Previous pagination links to show next/previous full group of page numbers
[英]Jquery pagination plugin - Next/Previous pagination links to show next/previous full group of page numbers
jQuery分頁插件-下一個/上一個分頁鏈接顯示下一個/上一個完整的頁碼組
有沒有一種方法可以配置下一個/上一個按鈕,從而實現以下目的?
例如,分頁
首頁上一頁1 2 3 4 5下一頁末頁
在點擊“下一步”按鈕時,
首頁上一頁6 7 8 9 10下一頁末頁
注意:我正在使用jquery bootpag插件http://botmonster.com/jquery-bootpag/#example-advanced
初始化bootpag時,需要更改適當的參數:
...
first: 'First',
last: 'Last',
prev: 'Prev',
next: 'Next',
...
$('.pagination').bootpag({ total: 50, page: 2, maxVisible: 5, leaps: true, firstLastUse: true, first: 'First', last: 'Last', prev: 'Prev', next: 'Next', wrapClass: 'pagination', activeClass: 'active', disabledClass: 'disabled', nextClass: 'next', prevClass: 'prev', lastClass: 'last', firstClass: 'first' }).on("page", function(event, num){ $("#content").html("Page " + num); // or some ajax content loading... });
<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="//rawgit.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"> <div class="pagination"></div> <div id="content"></div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.