如何预筛选Jquery可筛选的投资组合

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>

公文包代码只是引导程序附带的标准代码。我没有改变。

Answer 1

您可以通过css将其

portfolio-list li{ 
    display: none;
}
portfolio-list li:first-child{ 
    display: block;
}