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

Answer 2

对于未来的搜索者，新的同位素版本更改＆＃39; reLayout＆＃39;选项＆＃39; layout＆＃39;。变化

$container.isotope('reLayout');

...到......

$container.isotope('layout');

同位素 - 重新布置容器宽度变化

2 个答案: