javascript - jQuery 同位素过滤添加 baguetteBox

Question

我用 Imagegallery 创建了一个网站，该网站能够使用 jQuery Isotope 进行过滤。

您可以单击缩略图，然后使用 baguetteBox 插件循环浏览图像

网站

现在的问题是，当 Imagegallery 被过滤时，baguetteBox 插件仍然循环遍历所有图像。即使是那些在应用过滤器时没有出现的人。

我不知道我该如何解决这个问题。

---

$('.filters ul li').click(function(){
$('.filters ul li').removeClass('active');
$(this).addClass('active');

var data = $(this).attr('data-filter');
$grid.isotope({
filter: data
})
});

var $grid = $(".grid").isotope({
itemSelector: ".all",
percentPosition: true,
masonry: {
 columnWidth: ".all"
}
})

---

过滤器：在此处检查 codepen 链接

baguetteBox:在这里检查

标签： javascripthtmlfilterlightboxbaguettebox