jQuery Callback 関数

callback 関数は、現在のエフェクトが 100％終了した後に実行されます。

JavaScript 文は一行ずつ実行されます。しかしながら、エフェクトを使用すると、エフェクトが終了していない場合であっても、次の行を実行することができます。これでは、エラーが発生してしまいます。

これを防ぐために、callback 関数を作成します。

callback 関数は、現在のエフェクトが終了した後に実行されます。

代表的な構文: $(selector).hide(speed,callback);

例

次の例は、hide エフェクトが完了した後に実行される関数である callback パラメータを持っています:

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

次の例では、コールバック·パラメータを持たないため、hide エフェクトが完了する前に警告ボックスが表示されます:

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