jquery - jquery masonry 动画项目

Question

我已经实现了 jquery masonry 并玩了一下。

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

如您所见，单击“展开”将为宽度为“300px”的项目设置动画，并在单击“折叠”时折叠回正常宽度。

除了单击折叠所有项目的“第一项”外，一切正常。

有人能帮助我吗？

任何帮助深表感谢！

Answer 1

从砌体文档 - 帮助 - 第一项打破网格：

如果您遇到重新调整第一个项目的大小的问题，并且所有其余项目不再适合网格，您很可能需要设置 columnWidth 选项。如果没有设置 columnWidth，Masonry 将使用第一项的宽度作为其列的大小。

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