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