Несколько экземпляров изотопа на странице?

Question

Возможно ли использование изотопа более одного раза на странице, то есть с различными наборами фильтров для разных наборов данных?

Похоже, что код требует использования определенных идентификаторов, таких как «#options», которые нельзя изменить.

Какие изменения в коде необходимо было бы сделать для достижения этого?

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>