jquery masonry動畫項目

Question

我已經實現了jquery masonry並玩了一下。

這是我的工作：http://jsfiddle.net/jackoverflow/JDAmS/

正如你可以看到，點擊「擴展」將動畫具有項「300像素」 的寬度，並收縮回到它的「崩潰」正常寬度點擊。

所有工作正常除了單擊「第一項」摺疊所有項目。

有人可以幫我嗎？

任何幫助非常感謝！

Answer 1

從the Masonry docs - Help - First item breaks grid：

如果你遇到，你重新大小的第一個項目，該項目的所有其餘不再適合在一起，在網格的一個問題，你最有可能需要設置columnWidth時選項。如果沒有設置columnWidth，砌體將使用第一個項目的寬度作爲其列的大小。

$('#container').masonry({ 
    columnWidth: 220 
});