jQuery、queue([])でanimateをキャンセル | blog.wpe

ここ2年くらいでjQueryとuupaaなどの優れたJavascript libraryのおかげでJavascriptでアニメーションやインタラクションを実装する機会が増えました。で、インタラクション（clickやhoverなど）でアニメーション（animate）が発動するパターンによるちょっと思った挙動にならなかったことが何度かありました。 原因はanimateにあり、animateをインタラクションによってそのまま何度もアサインしていくと、同じアニメーションがqueue（キュー）というメソッドの配列に入り、これが原因で何回も再生されたり（それが意図するものならばいいんですが）、animateのcallback（アニメーション処理終了後に発動させる関数）でラグをもたせるようなものをアサインすると、再生回数が増す度にラグの秒数が長引いたりします。これが一体どこが原因なのか探るのになかなかa

[inurota]

jQueryオブジェクトのqueue()メソッドに空の配列を渡すことで現在のキューをクリア。役に立ったありがとう。

[dekatotoro]

jQuery、queue([])でanimateをキャンセル