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 it

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

如何预过滤Jquery Filterable产品组合

1 个答案: