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

两个问题，大家:

1) 如何打开和关闭 Isotope？

2) 如何切换布局模式？也就是说，我如何从这里开始:

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

对此:

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

用一个简单的点击开关？有任何想法吗？

谢谢!

最佳答案

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

1) 要在初始化后禁用 Isotope，请使用 destroy method

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

然后通过再次触发同位素将其重新打开

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

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

关于javascript - 如何在 Isotope 的布局模式之间切换？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6021692/