2011-05-16 9 views
3

2つの質問:アイソトープのレイアウトモードを切り替える方法は?

1)Isotopeをオン/オフに切り替えるにはどうすればよいですか?

2)レイアウトモードを切り替えるにはどうすればよいですか?クリックするだけスイッチで

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

:これまで

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

:それは私がここから行くのか、ですか?何か案は?

ありがとうございます!

答えて

11

あなたは変化するであろう)次に

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

2もう一度同位体をトリガすることによって再びオンにしますdestroy method

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

を使用し、それを初期化した後、同位体を無効にするには)http://jsfiddle.net/desandro/dbgFa/

1を参照してください。オプションでlayoutModeを設定することで、サンプルコードと同様のレイアウトモードを使用できます。これはまた、再レイアウトをトリガーし、レイアウトが変更されます。

+0

ありがとう、もう一度! :) –

関連する問題