jQuery的同位素初始化過濾後的結果

Question

你好我使用jQuery同位素和我有這樣一個過濾器：

<ul class="filter option-set " data-filter-group="date">   
    <li><a class="selected" href="#filter-date-January" data-filter-value=".January">January</a></li> 
    <li><a href="#filter-date-April" data-filter-value=".April" class="">April</a></li> 
    <li><a href="#filter-date-any" data-filter-value="" class="">ALL</a></li> 
</ul> 

即使我使用的第一項「選擇」類，該項目不過濾按照這個標準，它顯示全部。 還有什麼我應該做的，使其工作？

在此先感謝。 Lu

Answer 1

您可以分割初始化和過濾。 我寧願在一個單獨的功能中處理過濾，例如：

$(function() { 
    // isotope init 
    $(container).isotope({ 
     itemSelector: '.item', 
     animationOptions: { 
      duration: 750, 
      easing: 'linear', 
      queue: false 
     } 
    }); 

    filterItems(); // filter onload 

}); 

var selectedDate = '.January'; // update this var with your UI 

var filterItems = function() { 
    $('ul.option-set li a').each(function(i, a) { 
     if($(a).data('filter-value') == selectedDate) { 
      $(a).addClass('selected'); 
     } 
     else { 
      $(a).removeClass('selected'); 
     } 
    }); 
    $container.isotope({ 
     filter: '.selected', 
     isAnimate: true 
    }); 
};