我已经实现了jquery masonry并玩了一下。
这是我的工作: http://jsfiddle.net/jackoverflow/JDAmS/
如您所见,单击"展开"将使宽度为"300px"的项目进行动画处理并在单击"折叠"时折叠回正常宽度。
一切正常,除了单击"第一项"时会折叠所有项目。
有人可以帮我吗?
任何帮助都非常感谢!
来自砌体文档 - 帮助 - 第一项打破网格:
如果您遇到重新调整第一项大小的问题,并且所有其他项目不再适合网格,则很可能需要设置 columnWidth 选项。如果未设置列宽,砌体将使用第一项的宽度作为其列的大小。
$('#container').masonry({
columnWidth: 220
});