jQuery同位素第一次过滤似乎不起作用

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')})这就是我如何使用同位素。

任何帮助将是伟大的。

P.S.我试过使用$('.portfolio_block').isotope()，但它只是在页面加载时弄乱了布局。

P.P.S为了调试目的，我添加了同位素数据的控制台日志记录。

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

Answer 1

令人惊讶的还是无意，jQuery的同位素具有与任何东西之前的所有元素来启动。在文件准备中添加以下内容可以解决问题。

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