2011-05-16 69 views
3

两个问题,大家:如何在同位素布局模式之间切换?

1)如何切换Isotope开启和关闭?

2)如何切换布局模式?也就是说,如何从这个去:

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

这样:

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

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

谢谢!

回答

11

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

1)要对其进行初始化后禁止使用同位素,使用destroy method

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

然后通过触发同位素打开它再次

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

2)你会改变布局模式就像您的示例代码,通过在选项中设置layoutMode。这也会触发重新布局,布局将会改变。

+0

再次谢谢你! :) – 2011-05-16 20:08:46