jQuery Isotope第一次过滤似乎不起作用

Question

我在这里面临一个问题。 我正在使用类似的代码在两页中进行过滤

• https://www.tallengestore.com/collections/vincent-van-gogh

• https://www.tallengestore.com/products/bani-thani-as-radha-art-by-nihal-chand

$('#filter a')[<number>].click()是触发机制。 在页面加载时，它会在10秒后自动触发，也可以在10秒前手动进行干预

当页面加载时，将显示$('.portfolio_block')中的默认项目集，其余display:none

在第一页上，第一个过滤器正常工作。 将项目添加到filteredItems中，将元素隐藏，显示动画并显示元素。 这里没问题

但是在第二页上，项目被添加，元素被隐藏。 机制到此为止。 这仅在第一个触发器上发生。 从第二个触发器开始，它会恢复正常运行。

$('.portfolio_block').isotope({ filter: $(this).attr('data-option-value')})这就是我使用同位素的方式。

任何帮助都会很棒。

PS我试过使用$('.portfolio_block').isotope()但它只会弄乱页面加载时的布局。

PPS我添加了同位素数据的控制台日志记录，以用于调试目的。

同位素-http: //isotope.metafizzy.co/filtering.html

Answer 1

出人意料的是，必须在所有元素之前启动jquery-isotope。 在准备就绪的文档上添加以下内容可解决此问题。

var $portfolioBlock = $('.portfolio_block').isotope({
   itemSelector: '<common_class_for_all_elements_requiring_isotope>',
   filter: '<initial_filtering_class>'
});