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' アニメーションが再び機能します。