我正在做一个网站，其页面显示带有一些内容（视频+文本）的框（大小都相同），这些内容（视频+文本）在click()事件中展开。一旦打开或关闭，该页面将使用砖石重新组织盒子。这个页面很大程度上基于这篇文章，fudgey提供了这个演示。
在我的情况下它几乎可以 100% 正常工作，但是当盒子展开时我有一个动画错误。看起来盒子确实膨胀了，自己缩了一点，并且永远膨胀了。所有这一切都在几秒钟内完成。该页面正在运行 worpdress 以加载帖子，并且还使用scrollTo在框展开后将窗口滚动到正确的位置，并使用 vimeo' api 对框中的视频进行外部控制。
我已经设置了一个jsfiddle来复制该行为。我注意到，如果我评论这一行：$('#grid').masonry();在动画中$('.box').click(function(){它确实可以正常工作，但当然会杀死重组动画。
我很确定解决方案非常接近，但我似乎无法确定它。
可以在此处查看该站点的现场演示。
提前致谢。