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

Question

我的容器是 800px。该空间被投资组合容器占用。然后单击按钮以启用过滤器菜单，然后告知投资组合容器的宽度为 610px，从而为过滤器菜单留出剩余空间。我正在使用 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