jQuery Callback関数

Callback関数は、現在のアニメーションが100%完了した後に実行されます。

jQueryアニメーションの問題

多くのjQuery関数はアニメーションに関連しています。これらの関数は、 speed または duration オプションのパラメータとして提供されます。

例：$("p").hide("slow")

speed または duration パラメータには「slow」、「fast」、「normal」またはミリ秒などの多くの異なる値を設定できます。

例

$("button").click(function(){
$("p").hide(1000);
});

自分で試してみてください

JavaScript命令（指示）は順次実行されるため、アニメーションが完了する前に実行されるコードはエラーまたはページの競合を引き起こす可能性があります。

このような状況を避けるために、Callback関数をパラメータとして追加することができます。

jQuery Callback関数

アニメーションが100%完了した後に、Callback関数が呼び出されます。

典型的な文法：

$(selector).hide(speed,callback)

callback パラメータは、hide操作が完了した後に実行される関数です。

間違っている（callbackがありません）

$("p").hide(1000);
alert("段落は今や非表示です");

自分で試してみてください

正しい（callbackがあります）

$("p").hide(1000,function(){
alert("段落は今や非表示です");
});

自分で試してみてください

結論：アニメーションが含まれる関数の後にコードを実行したい場合は、callback関数を使用してください。