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

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');