jQuery コールバック関数(Callback)

JavaScriptの文は行ごとに実行されます。しかし、jQueryの効果が完成するまでに時間がかかるため、次の行は前の効果がまだ実行中に実行されることがあります。これによりエラーが発生します。

このような状況を避けるために、jQueryは各効果メソッドにコールバック関数を提供しています。

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

コールバック関数は効果メソッドのパラメータとして渡され、通常メソッドの最後のパラメータとして表示されます。

典型的な文法： $(selector).hide(duration, easing, callback);

以下の例はコールバックパラメータを持っています。このパラメータは、隠し効果が完了した後に実行される関数です：

$("button").click(function(){
　　$("p").hide("slow", function(){
　　　　//　効果が完了した後に実行されるコード
　　　　alert("The paragraph is now hidden");
　　});
});

以下の例はコールバックパラメータを持ちません。また、隠し効果が完了する前にアラートボックスが表示されます：

$("button").click(function(){
　　$("p").hide("slow");
　　　　　alert("この段落は今隠れています");
});