尝试使用jQuery Isotope进行CSS转换时出现问题

Question

我已经复制了Isotope的流体/响应模式：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();
 });