jQuery Isotope first 过滤似乎不起作用答案

【问题标题】：jQuery Isotope first filtering doesn't seem to workjQuery Isotope first 过滤似乎不起作用
【发布时间】：2016-04-25 14:48:51
【问题描述】：

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

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

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

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

但在第二页上，添加了项目并隐藏了元素。机制在这里停止。这只发生在第一个触发器上。从病房的第二次触发开始，它又恢复正常运行。

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

任何帮助都会很棒。

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

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

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

【问题讨论】：

你可以在他们的 github 上发布这个吗？
@evolutionxbox 我这样做了，但我不确定那里的响应率。无论我在哪里获得可行的解决方案，我都会在其他地方进行更新。
酷。很高兴知道

标签： javascript jquery html css jquery-isotope

【解决方案1】：

出人意料地或不知不觉地，jquery-isotope 必须在所有元素之前启动。在准备好的文档上添加以下内容可以解决问题。

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

【讨论】：