javascript - 尝试通过 jQuery Isotope 使用 CSS 过渡时出现问题

Question

我已经复制了同位素的流体/响应模式：http: //isotope.metafizzy.co/demos/fluid-responsive.html，但添加了使用“过渡：宽度 0.3s”为单击元素的宽度设置动画。这确实有效，但是它禁用了我在“transitionend”上触发的“reLayout”动画。

我认为一个是压倒一切/与另一个冲突。有没有人有类似的问题或知道解决这个问题的方法？我试过设置'animationEngine：'jquery'，这确实解决了这个问题，但它看起来很糟糕 - 浏览器重新绘制问题！？

谢谢你的帮助！

这是一个现场演示......

http://www.voyced.com/isotope-test/

如果您在开发人员工具中禁用 css 属性“transition: width 0.3s”，“reLayout”动画将再次起作用。

Answer 1

$(window).resize()为项目设置动画后发出 a 。

或者

$container.isotope('reLayout', function() {
   $(window).resize();
 });