jQuery砌体和扩展框动画

时间:2012-01-19 01:16:16

标签: jquery jquery-animate jquery-masonry

我正在创建一个网站,其中的网页会显示包含click()事件消耗内容(视频+文字)的方框(大小相同)。一旦打开或关闭,页面将使用 masonry 重新组织框。此页面主要基于this post,其中 fudgey 提供了this demo

在我的情况下几乎可以100%正常工作,但是当盒子展开时我有一个动画错误。似乎盒子确实膨胀,缩回一点并且扩展好。所有这一切都在几秒钟内完成。页面正在运行worpdress以加载帖子,并且还使用scrollTo在窗口展开后将窗口滚动到正确的位置,并使用vimeo'api对框中的视频进行外部控制。

我已经设置了jsfiddle来复制行为。我注意到,如果我在$('#grid').masonry();动画中评论此行:$('.box').click(function(){它确实可以正常工作,但当然会杀死重组动画。

我很确定解决方案非常接近,但我似乎无法确定它。

该网站的现场演示可以是seen here

提前致谢。

1 个答案:

答案 0 :(得分:0)

找到解决方案,它最终不是一个javascript问题,而是一个css bug!来自.wrap div,其高度不足以显示内容。我已更新jsFiddle