關於jQuery Callback 函數的實際運用方法

在學習中常會看到回呼函數的身影，本篇將會詳細的講解下回呼函數Callback的使用方法。

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("The paragraph is now hidden");

正確（有callback）

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

本篇講解了回呼函數callback的一些用法，想要學習更多的這方面的知識請關注php中文網。

相關推薦：

javscript的回呼函數(callback)詳解

php正規preg_replace_callback函數的用法

#php Callback 回呼函數詳解

#

以上是關於jQuery Callback 函數的實際運用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！