javascript - jQuery Pajinate：非表示のリストアイテムを無視する方法は？

Question

HTMLリストがあり、jQueryプラグインPajinateを使用して簡単なページ付けを追加したいと思います。それは問題なく動作しますが、Pajinateに非表示のリストアイテムを無視してもらいたいと思います。

テストのために、これがjsfiddl.netのコードスニペットです（以下と同じ）。最後の2つのリスト項目は表示されるべきではなく、ページ数は4ではなく3である必要があります。

そしてそれを修正する方法のアイデア？前もって感謝します！

<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>