加载页面后自动选择过滤器选项

Question

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

我的页面加载所有图片（有很多图片一起显示），我想＆＃34;模拟＆＃34;点击＆＃34;最佳图片＆＃34;链接以在加载页面后仅显示此图库。

<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

您需要为＆＃34; Best Picture＆＃34;选择最佳选择器。  ==＆GT;选择data-option-value属性是合适的。

加载页面过滤：

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