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

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

2 голосов
/ 14 февраля 2012

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

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

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

1 Ответ

1 голос
/ 03 марта 2012

Это возможно.Вам просто нужно инициализировать их индивидуально при необходимости.Например: 

<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>
...