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

Question

每个人都有两个问题：

1）如何开启和关闭Isotope？

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

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

到此：

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

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

谢谢！

Answer 1

请参阅http://jsfiddle.net/desandro/dbgFa/

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

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

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

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

2）您可以通过在选项中设置layoutMode来更改布局模式，就像您的示例代码一样。这也将触发重新布局，布局也会发生变化。