同位素-容器宽度变化时的重新布局

Question

我的容器是800px。 该空间被投资组合容器占用。 然后单击按钮以启用过滤器菜单时，将告诉投资组合容器宽度为610像素，从而将剩余的空间留给过滤器菜单。 我正在使用reLayout调用尝试更新项目，但似乎仅在禁用过滤器菜单时才起作用。 谁能看到我在哪里出问题了？ 任何帮助将非常感激。

有关我的按钮代码的摘要，请参见下文。 查看DEMO以查看所有代码。

$('button').click(function () {
    filtertoggle.toggleClass("filter-active");
    $container.isotope('reLayout');
});

Answer 1

尝试这个：

  $('button').click(function(){
    filtertoggle.toggleClass("filter-active");
    setTimeout(function(){
            $container.isotope('reLayout');
        }, filtertoggle.hasClass("filter-active") ? 100: 755);
  });

例如： http ： //codepen.io/anon/pen/nDmyB

Answer 2

对于将来的搜索者，新的同位素版本将“ reLayout”选项更改为“ layout”。 更改

$container.isotope('reLayout');

... 至 ...

$container.isotope('layout');