如何在同位素布局模式之间切换？

Question

大家有两个问题：

1）如何打开和关闭同位素？

2) 如何切换布局模式？也就是说，我如何

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

从 this:转到 this:

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

通过简单的点击开关 ？有什么想法吗？

谢谢！

Answer 1

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

1) 要在初始化后禁用同位素，使用 销毁方法

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

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

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

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