如何在同位素佈局模式之間切換？

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') 

然後通過觸發同位素打開它再次

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

2）你會改變佈局模式就像您的示例代碼，通過在選項中設置layoutMode。這也會觸發重新佈局，佈局將會改變。