jQuery アニメーションの停止

jQuery stop() メソッドは、終了する前にアニメーションやエフェクトを停止するために使用します。

クリックしてパネルをスライドアップ/ダウンしてください

時は金なりです。迅速かつ簡便な学習をお届けします。

W3Schools では、理解しやすく・使いやすい形式で、必要なすべてを学ぶことができます。

例

jQuery stop() sliding
jQuery stop() メソッドのデモ。

jQuery stop() メソッドは、終了する前にアニメーションやエフェクトを停止するために使用します。

stop() メソッドは、スライド、フェードおよびカスタムアニメーションを含むすべての jQuery エフェクト関数で動作します。

構文:

$(selector).stop(stopAll,goToEnd);

オプションの stopAll パラメータは、アニメーション・キューもクリアするかどうかを指定します。デフォルトは false です。これは、アクティブなアニメーションだけを停止し、キューに入っているアニメーションは後で実行可能であることを意味します。

オプションの goToEnd パラメータは、すぐに現在のアニメーションを完了させるかどうかを指定します。デフォルトは false です。

したがって、デフォルトによる stop() メソッドは、選択した要素に対して実行している現在のアニメーションを停止します。

次の例は、パラメータを持たない stop() メソッドのデモです：

$("#stop").click(function(){
$("#panel").stop();
});

全 jQuery エフェクトの完全な概要については、jQuery エフェクト・リファレンスをご覧ください。