jQuery TWBSページングの実装

Question

私はページングのプラグインを初めて使いました。今はjQuery TWBS Pagination Pluginで作業することにしました。

私は別のチュートリアルを見ましたが、実際にこのプラグインにデータをフェッチし、ページごとに表示するdivの適切な数を設定する方法を見つけることができません。私はこのonPageClick関数に「コンテンツ」クラス名と私のdivを取得することができます方法を理解することはできません

$('#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'; 
     } 
    }); 

： 私の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はこのようなものでなければなりません各ページに4つのdivしか表示されません。

私はそれが非常に簡単だと知っていますが、私はそれを自分で作ることはできません。助けてください。

twbsPaginationプラグインは別のページ付けの方法についてはitemOnPage

をサポートしていませんDocsあたりとして

Answer 1

は、彼らがflaviusmatis/simplePagination.js

この情報がお役に立てば幸いを使用することを示唆しています！