Isotope의 여러 인스턴스가 페이지에 있습니다?

Question

페이지에 여러 가지 동위 원소, 즉 서로 다른 데이터 세트에 대해 서로 다른 파일러 세트를 사용할 수 있습니까?

코드에는 변경할 수없는 "#options"와 같은 특정 ID가 필요합니다.

이것을 달성하기 위해 어떤 코드를 변경해야합니까?

Answer 1

가능합니다. 필요한 경우 개별적으로 초기화해야합니다. 예 :

<div class='setA'> 
<div class='itemA' data-title='xxx'>xxx</div> 
<div class='itemA' data-title='xxx'>xxx</div> 
</div> 
<div class='setA second'> 
<div class='itemA' data-title='xxx'>xxx</div> 
<div class='itemA' data-title='xxx'>xxx</div> 
</div> 
<div class='setB'> 
<div class='itemB' data-points='xxx'>xxx</div> 
<div class='itemB' data-points='xxx'>xxx</div> 
</div> 

<script> 
$('.setA').isotope({ 
    itemSelector: '.itemA', 
    getSortData: { 
     alphabetical: function(item) { 
      return item.attr('data-title'); 
     }, 
     somethingelse: function(item) {} 
    } 
}); 
$('.setB').isotope({ 
    itemSelector: '.itemB', 
    getSortData: { 
     points: function(item) { 
      return parseInt(item.attr('data-points')); 
     }, 
     somethingelse: function(item) {} 
    } 
}); 
</script>