アニメーション中かどうか判断したい

jQuery

こういう場面が出てくるかどうかわかりませんが、たまに出てくると思います。
たとえば。。。。うーむ。

それには is() を使います。
is(:animated) とすればアニメーション中かどうか
is(:visible) とすれば表示されているかどうか
というように、状態を確認することができます。

いか、サンプルになります。

上記サンプルは”check”ボタンを押すとその下にあるid属性に”target”を持つdiv要素が
アニメーション中かどうかを確認しその結果をid属性に”result”をもつdiv要素に
表示するというものです。

以下で、”start”ボタンが押されたときにidが”target”のdivタグを2秒かけて消して、
直後に2秒かけて出現させます。

以下は、”check”ボタンが押されたときに、idが”target”のdivタグがアニメーション中
かどうかをis(“:animated”)でチェックしその結果を表示します。

/

タイトルとURLをコピーしました