我正在创建一个网站,其中的网页会显示包含click()
事件消耗内容(视频+文字)的方框(大小相同)。一旦打开或关闭,页面将使用 masonry 重新组织框。此页面主要基于this post,其中 fudgey 提供了this demo。
在我的情况下几乎可以100%正常工作,但是当盒子展开时我有一个动画错误。似乎盒子确实膨胀,缩回一点并且扩展好。所有这一切都在几秒钟内完成。页面正在运行worpdress以加载帖子,并且还使用scrollTo在窗口展开后将窗口滚动到正确的位置,并使用vimeo'api对框中的视频进行外部控制。
我已经设置了jsfiddle来复制行为。我注意到,如果我在$('#grid').masonry();
的动画中评论此行:$('.box').click(function(){
它确实可以正常工作,但当然会杀死重组动画。
我很确定解决方案非常接近,但我似乎无法确定它。
该网站的现场演示可以是seen here。
提前致谢。