jQueryのstopメソッドとfinishメソッド

jQueryのstopメソッドとfinishメソッド このエントリーはjQuery Advent Calendar 2013の 3日目のエントリーです。(Advent Calendarとは様々なテーマを12/1〜12/25までリレー形式でブログなどに執筆する企画です。) 3日目はアニメーションの制御に利用するjQueryのstopメソッドとfinishメソッドについて解説します。 アニメーションの基本 jQueryのアニメーションはキューと呼ばれるものに格納されます。たとえば次のように4つのアニメーションを指定した場合、それぞれキューに格納され、最初のアニメーションが終了した場合に次のアニメーションが、さらに終了した際に次のアニメーションがといった具合に実行されていきます。 $("div").animate({ left:100 }).animate({ top:100 }).animat

[otchy210]

finish 知らんかった。stop(true, true) より覚えやすいし、簡単に目的を達せて良いね。

[kkeisuke]

“finishメソッドはjQuery 1.9で追加された新しいメソッドです。アニメーションを終了させ、キューを破棄し、最後のキューまで実行された状態にすることができます。”