3

このjsfiddle http://jsfiddle.net/zB2Td/5/を見てください

.animate 寸法を変更した後にクラスが追加されたにもかかわらず、アニメーションがトリガーされます。終了トランジションから 2 行目のコメントを外すと、正常に開始されません。このコードがそのように機能するのはなぜですか? .animate以前の変更でトランジションをトリガーせずに追加する適切な方法は何ですか。ありがとう!

4

1 に答える 1

1

私の理解では、この投稿box.width()で定義されているように、への呼び出しは「読み取り」操作としてカウントされます。ブラウザ(とにかくWebkit)にDOMの再レイアウト(別名リフロー)を強制します。この呼び出しがないと、ブラウザーはボックスが追加される前に 200x200 だったことを「認識」することはなく、ボックスが 100x100で開始されたと想定します。.animate

于 2012-07-20T08:27:30.780 に答える