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

How to toggle between Isotope's layout modes?

本文关键字：模式 之间 布局 同位素      更新时间：2023-09-26

两个问题，大家：

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

2） 如何切换布局模式？也就是说，我该如何从中：

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

对此：

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

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

谢谢！

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

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

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

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

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

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

相关文章：