jQuery でアニメーションの前後に .css() とか .addClass() とかしたい時に .queue() を使う - ダーシマ・ヱンヂニヤリング

やりたいこと jQuery の animate メソッドを使って見た目を作っている時、アニメーションの完了後にクラスを付与したいとか、 CSS を変更したいというようなことはよくある。これをエレガントな感じに書きたい。 何も考えずに jQuery っぽく書いてみる $('.target') .animate({ left: '100px', top: '100px' }, 500, 'swing') .css('background-color', 'red'); これだとうまくいかない。アニメーションが終了した時に背景色が赤になってほしいが、アニメーションが始まったと同時に赤くなってしまう。 animate のコールバック関数を指定する 解決策のひとつとして、 animate メソッドの最後の引数にコールバック関数を指定する方法がある。指定したコールバック関数は、アニメーションが完了した

[d_animal141]

jQuery でアニメーションの前後に .css() とか .addClass() とかしたい

[ryownet]

jqueryアニメーション終了後のコールバックをきれいに書く方法

[typista]

ぽけったー jQuery でアニメーションの前後に .css() とか .addClass() とかしたい時に .queue() を使う

[bleu-bleut]

jquery::deferredオブジェクト、queueメソッド