jquery - Jquery Filterable ポートフォリオを事前にフィルタリングする方法

Question

これが基本的な質問である場合は申し訳ありません。私は Jquery のフィルター可能なポートフォリオを使用しており、多かれ少なかれ本のように見えるようにしたいと考えています。これは、ページの読み込み時にページ 1 を表示し、ユーザーがページの上部にある並べ替えを使用して他のページにスクロールできるようにすることを意味します。

私が抱えている問題は、ページが読み込まれると、デフォルトですべてのページが表示されることです。ページの読み込み時に最初のページのみが表示されるようにするにはどうすればよいですか? タグに隠し属性を追加しようとしました<li>が、フィルターが呼び出されたときに返されません。

これがコードです。

<ul class="nav nav-pills sort-source" data-sort-id="portfolio" data-option-key="filter">
                    <li data-option-value=".page1" class="active"><a href="#">1</a></li>
                    <li data-option-value=".page2"><a href="#">2</a></li>
                    <li data-option-value=".page3"><a href="#">3</a></li>
</ul>

<div class="row">

    <ul class="portfolio-list sort-destination" data-sort-id="portfolio">
                        <li class="span12 isotope-item page1">
                            Page 1
                        </li>
                        <li class="span12 isotope-item page2">
                            Page 2
                        </li>
                            <li class="span12 isotope-item page3">
                            Page 3
                        </li>
                    </ul></div>

ポートフォリオ コードは、ブートストラップに付属する標準的なものです。私は変更を加えていません。