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