このjsfiddle http://jsfiddle.net/zB2Td/5/を見てください
.animate
寸法を変更した後にクラスが追加されたにもかかわらず、アニメーションがトリガーされます。終了トランジションから 2 行目のコメントを外すと、正常に開始されません。このコードがそのように機能するのはなぜですか? .animate
以前の変更でトランジションをトリガーせずに追加する適切な方法は何ですか。ありがとう!
このjsfiddle http://jsfiddle.net/zB2Td/5/を見てください
.animate
寸法を変更した後にクラスが追加されたにもかかわらず、アニメーションがトリガーされます。終了トランジションから 2 行目のコメントを外すと、正常に開始されません。このコードがそのように機能するのはなぜですか? .animate
以前の変更でトランジションをトリガーせずに追加する適切な方法は何ですか。ありがとう!
私の理解では、この投稿box.width()
で定義されているように、への呼び出しは「読み取り」操作としてカウントされます。ブラウザ(とにかくWebkit)にDOMの再レイアウト(別名リフロー)を強制します。この呼び出しがないと、ブラウザーはボックスが追加される前に 200x200 だったことを「認識」することはなく、ボックスが 100x100で開始されたと想定します。.animate