0

我有一个 HTML 列表，想用 jQuery Plugin Pajinate添加一个简单的分页。这很好用，但我希望 Pajinate 忽略隐藏的列表项。

为了测试，这里是jsfiddl.net 上的代码片段（下同）。最后两个列表项不应显示，页数应为 3 而不是 4。

以及如何解决的想法？提前致谢！

<script>
$(function () {
    $('#paging_container3').pajinate({
        items_per_page: 5,
        item_container_id: '.alt_content',
        nav_panel_id: '.alt_page_navigation',
        nav_label_first: '<<',
        nav_label_last: '>>',
        nav_label_prev: '<',
        nav_label_next: '>'
    });
});
</script>

<div id="paging_container3" class="container">
    <h2>Custom List Size</h2>
    <div class="alt_page_navigation"></div>
    <ul class="alt_content">
        <li>
          <p>One</p>
        </li>
        <li>
          <p>Two</p>
        </li>
        <li>
          <p>Three</p>
        </li>
        <li>
          <p>Four</p>
        </li>
        <li>
          <p>Five</p>
        </li>
        <li>
          <p>Six</p>
        </li>
        <li>
          <p>Seven</p>
        </li>
        <li>
          <p>Eight</p>
        </li>
        <li>
          <p>Nine</p>
        </li>
        <li>
          <p>Ten</p>
        </li>
        <li>
          <p>Eleven</p>
        </li>
        <li>
          <p>Twelve</p>
        </li>
        <li>
          <p>Thirteen</p>
        </li>
        <li>
          <p>Fourteen</p>
        </li>
        <li style="display: none">
          <p>Fifteen (ignore me)</p>
        </li>
        <li style="display: none">
          <p>Sixteen (ignore me)</p>
        </li>
    </ul>
</div>
4

0 回答 0