在我的页面加载后自动选择一个过滤器选项

Question

我有一个选项列表，当用户点击它时过滤一系列图片。

我的页面加载了所有图片（其中有很多可以一起显示），我想“模拟”点击“最佳图片”链接以在加载页面后仅显示此图库。

<ul id="filters" class="option-set" data-option-key="filter"> 
    <li class="type-work">Category</li> 
    <li><a href="#filter" data-option-value=".best">Best Pictures</a></li> 
    <li><a href="#filter" data-option-value=".beach">Beaches</a></li> 
    <li><a href="#filter" data-option-value=".snow">Ski stations</a></li> 
    <li><a href="#filter" data-option-value=".park">Parks</a></li> 
</ul> 

Answer 1

您需要为“最佳图片”选择最佳选择器。 ==>通过data-option-value属性选择是合适的。

过滤加载页面时：

$(function(){ 
     // hide all 
    $('[data-option-value=".best"]').hide(); 
     // show the first 9 items : 
    $('[data-option-value=".best"]:lt(10)').show(); 
    });