Здравствуйте , как подружить плагин Isotope и bootstrap .
А именно
Есть кнопки : Все , Авто , Кулинария .
Под кнопками идут блоки col-lg-3 , некоторые блоки про кулинарию а некоторые про Авто .
Пробовал но у меня что-то как-то всё через попу . Фильтровать то фильтрует но вот bootstrap не работает .
Тык
<section class="catalog">
<div class="container">
<div class="row">
<div class="button-group filter-button-group">
<button data-filter="*">Все</button>
<button data-filter=".item-g">Авто</button>
<button data-filter=".item-t">Кулинария</button>
</div>
<div class="grid-catalog">
<div class="col-lg-3 item-catalog item-g">
Авто - 1
</div>
<div class="col-lg-3 item-catalog item-t">
Кулинария - 1
</div>
<div class="col-lg-3 item-catalog item-g">
Авто - 2
</div>
<div class="col-lg-3 item-catalog item-t">
Кулинария - 2
</div>
</div>
</div>
</div>
</section>
JS код
$( document ).ready(function() {
// init Isotope
var $grid = $('.grid-catalog').isotope({
// options
});
// filter items on button click
$('.filter-button-group').on( 'click', 'button', function() {
var filterValue = $(this).attr('data-filter');
$grid.isotope({ filter: filterValue });
});
});
