Как я могу создать несколько фильтров изотопов jQuery, используя одну и ту же разметку? ⇐ Jquery

[Anonymous]

Я пытаюсь создать два отдельных фильтра с одинаковой разметкой. Проблема в том, что когда я нажимаю на любой фильтр в первом блоке, он также фильтрует элементы во втором блоке. Как настроить изотоп так, чтобы он фильтровал элементы в одном блоке?
Ниже приведен мой код HTML и jQuery.

Код: Выделить всё

[list]
[*][url=#]Tous[/url]
[*][url=#]Entreprise[/url]
[*][url=#]Centre IFI[/url]
[/list]







[list]
[*][url=#]Tous[/url]
[*][url=#]Entreprise[/url]
[*][url=#]Centre IFI[/url]
[/list]









var $grid = $(".filgrid");
$grid.isotope({
itemSelector: ".filgriditem",
resizesContainer: true,
resizable: true,
});
$(".relfila").click(function(e){
e.preventDefault();

var ITfilterClass = $(this).attr("data-filter");
$(this).parents('ul').find('li').removeClass("active");
$(this).parent().addClass("active");

$grid.isotope({
filter: ITfilterClass
});
});

Можете ли вы рассказать мне, как фильтровать элементы, когда я нажимаю на .relfila, он фильтрует элементы только в пределах одного и того же блока .callists?

Подробнее здесь: https://stackoverflow.com/questions/790 ... ame-markup