jQuery TWBS分頁實現

我是新來的分頁插件，現在我決定使用jQuery TWBS分頁插件。jQuery TWBS分頁實現

我看到了不同的教程，但實際上我找不到如何獲取數據到這個插件，並設置我想顯示每頁適當數量的div。我的HTML看起來像這樣：

<div class="wrapper"> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-sm-12"> 
     <ul id="pagination-demo" class="pagination-sm"></ul> 
     </div> 
    </div> 
    <div id="page-content" class="page-content"> 
     <div class="content">Some text</div> 
     <div class="content">Some text</div> 
     <div class="content">Some text</div> 
     <div class="content">Some text</div> 
     <div class="content">Some text</div> 
    </div> 
    </div> 
</div>

和JS應該是這樣的：

$('#pagination-demo').twbsPagination({ 
     totalPages: 2, 
     next: 'Next', 
     prev: 'Prev', 
     onPageClick: function (event, page) { 
      //fetch content and render here 
      $('#page-content').text('Page ' + page) + ' content here'; 
     } 
    });

我不明白我怎麼能取我的div「內容」類名來此onPageClick功能並且每個頁面只顯示4個div。

我知道這是非常簡單的事情，但我不能自己做。請幫助。

來源

2017-06-20 Andrii Pryimak

按Docs，

twbsPagination插件不支持itemOnPage

對於備用分頁方法，他們所提出的建議使用flaviusmatis/simplePagination.js

希望這有助於！

來源

2017-06-20 21:05:49

Hi @Mahesh Singh Chouhan。感謝您的快速反饋。其實，我終於停止了浪費我的時間:) 我檢查了你的意見flaviusmatis/simplePagination.js並且低文檔也有同樣的問題。但是經過一番搜索之後，我發現了這篇完美的文章，在這篇文章中，開發者解釋瞭如何在示例中使用這個simplePagination插件。也許這對未來的人會有所幫助。 http://www.bilalakil.me/simplepagination/ 您可以使用本指南進行分頁和每頁項目選項。 –

jQuery TWBS分頁實現

回答

相關問題