javascript - 尝试将 CSS 转换与 jQuery Isotope 一起使用时出现问题

Question

我已经复制了同位素的流体/响应模式:http://isotope.metafizzy.co/demos/fluid-responsive.html但增加了使用“transition: width 0.3s”对点击元素的宽度进行动画处理。这确实有效，但是它禁用了我在“transitionend”上触发的“reLayout”动画。

我在想其中一个压倒了另一个/与另一个发生冲突。有没有人有类似的问题或知道解决这个问题的方法？我试过设置 'animationEngine : 'jquery'，这确实解决了问题，但它看起来很糟糕 - 浏览器重装问题!？

感谢您的帮助!

这是一个现场演示...

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

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

Answer 1

在为元素设置动画后发出 $(window).resize()。

或

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