Question

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

$('#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-isotope必须先用所有元素开始。在文档就绪上添加以下内容可以解决问题。

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

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

1 个答案: