私はjquery組積造を実装し、それで少し遊んだ。
これが私の仕事です:http://jsfiddle.net/jackoverflow/JDAmS/
ご覧のとおり、「展開」をクリックすると、幅が「300px」のアイテムがアニメーション化され、「折りたたむ」クリックで通常の幅に折りたたまれます。
すべてのアイテムを折りたたむ「最初のアイテム」をクリックする場合を除いて、すべてが正常に機能しています。
誰かが私を助けてくれますか?
どんな助けでも大歓迎です!
私はjquery組積造を実装し、それで少し遊んだ。
これが私の仕事です:http://jsfiddle.net/jackoverflow/JDAmS/
ご覧のとおり、「展開」をクリックすると、幅が「300px」のアイテムがアニメーション化され、「折りたたむ」クリックで通常の幅に折りたたまれます。
すべてのアイテムを折りたたむ「最初のアイテム」をクリックする場合を除いて、すべてが正常に機能しています。
誰かが私を助けてくれますか?
どんな助けでも大歓迎です!
組積造のドキュメントから-ヘルプ-最初のアイテムがグリッドを壊します:
最初のアイテムのサイズを変更し、残りのすべてのアイテムがグリッドに収まらなくなるという問題が発生した場合は、おそらくcolumnWidthオプションを設定する必要があります。columnWidthが設定されていない場合、Masonryは最初のアイテムの幅を列のサイズに使用します。
$('#container').masonry({
columnWidth: 220
});