同位素 - reLayout更改容器宽度

我的容器是800px。这个空间被投资组合容器占用。当点击按钮启用过滤器菜单时，投资组合容器被告知具有610px的宽度，这留下了过滤器菜单的剩余空间。我正在使用reLayout调用来尝试和更新项目，但它似乎只在滤镜菜单被禁用时才起作用。任何人都可以看到我要去哪里吗？任何帮助将非常感激。同位素 - reLayout更改容器宽度

请参阅下面的代码片段。查看DEMO查看全部代码。

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

来源

2013-10-27 2ne

试试这个：

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

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

来源

2013-10-27 10:17:40

啊是工作，因为超时是时间的过渡花费了多少？ – 2ne

http://codepen.io/2ne/pen/mtluH如果我改变宽度，那么这种方法似乎不工作，你能看到为什么？ – 2ne

认为我通过更改100值来实现它，那是做什么的？ – 2ne

对于未来的搜索，新的同位素版本更改 '重新布局' 选项设置为 '布局'。更改

$container.isotope('reLayout');

...到...

$container.isotope('layout');

来源

2016-05-19 08:32:18 Deborah

同位素 - reLayout更改容器宽度

回答

相关问题