如何在 Isotope 的布局模式之间切换？

【问题标题】：How to toggle between Isotope's layout modes?如何在 Isotope 的布局模式之间切换？
【发布时间】：2011-05-16 18:28:06
【问题描述】：

两个问题，大家好：

1) 如何打开和关闭Isotope？

2) 如何切换布局模式？也就是说，我该怎么做：

 $('.content').isotope({  itemSelector : '.hentry',
                          layoutMode : 'cellsByRow',
                          cellsByRow : { columnWidth : 240, rowHeight : 360 } });

到这里：

 $('.content').isotope({  itemSelector : '.hentry',
                          layoutMode : 'masonry'});

用一个简单的点击开关？有什么想法吗？

谢谢！

【问题讨论】：

标签： javascript jquery toggle jquery-masonry

【解决方案1】：

见http://jsfiddle.net/desandro/dbgFa/

1) 要在初始化后禁用同位素，请使用destroy method

$('.content').isotope('destroy')

然后再次触发 Isotope 将其重新打开

$('.content').isotope( /* options */ )

2) 您可以像示例代码一样更改布局模式，方法是在选项中设置 layoutMode。这也会触发重新布局，布局也会发生变化。

【讨论】：