javascript - jQuery TWBS 分页实现

Question

我是分页插件的新手，现在我决定使用 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';
        }
    });

我无法理解如何将带有“content”类名称的 div 提取到此 onPageClick 函数，并且每页仅显示 4 个 div。

我知道这很容易，但我自己做不到。请帮忙。

Answer 1

根据 Docs ,

twbsPagination 插件不支持 itemOnPage

对于替代分页方法，他们建议使用 flaviusmatis/simplePagination.js

希望这对您有所帮助!