jQueryコールバック関数


現在の効果が100%終了した後、コールバック関数が実行されます。


jQueryコールバック関数

JavaScriptステートメントは1行ずつ実行されます。ただし、エフェクトを使用すると、エフェクトが終了していなくても、次のコード行を実行できます。これにより、エラーが発生する可能性があります。

これを防ぐために、コールバック関数を作成できます。

現在のエフェクトが終了した後、コールバック関数が実行されます。

典型的な構文:$(selector).hide(speed、callback);

以下の例には、非表示効果が完了した後に実行される関数であるコールバックパラメーターがあります。

コールバックの例

$("button").click(function(){
  $("p").hide("slow", function(){
    alert("The paragraph is now hidden");
  });
});

以下の例にはコールバックパラメータがなく、非表示効果が完了する前にアラートボックスが表示されます。

コールバックなしの例

$("button").click(function(){
  $("p").hide(1000);
  alert("The paragraph is now hidden");
});