アニメーション中、反応させたくない時

jQueryでエフェクトを作っているとき、「反応が良すぎて」困るときがある。

具体的には、リスト項目がスライドダウンしてきて、そのスライドダウンしている最中にマウスに反応し、異様な無限ループに入ってしまう、など。

そんな時は、セレクタに

:not(:animated)

を加えて、動いていないオブジェクトのみ、反応するようにする。

例えば

$(‘li:not(:animated)’).~

という具合。:で始まることに注目。

こんなプロパティが実装されているとは、jQueryは奥が深いものだ。