在我的頁面加載後自動選擇一個過濾器選項

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(); 
    });