jQueryで対象要素がアニメーション中かどうかを調べる方法

2018年12月18日2019年8月13日

jQueryで要素がアニメーション中かどうかを判定する方法について。

$.is()または$.not()を用いて:animatedを検出し、条件分岐させることが可能です。

例

var elem = $('.example');  //アニメーション中かどうか調べたい要素

//$.is() を使う場合
if( elem.is(':animated') ) {
  //アニメーション中
} else {
  //アニメーション中ではない
}

//$.not()を使う場合
if( elem.not(':animated') ) {
  //アニメーション中ではない
} else {
  //アニメーション中
}

jQuery