JavaScript強化教程——jQuery Callback 函數

本文爲 H5EDU 機構官方 HTML5培訓HTML5培訓 教程，主要介紹：JavaScript強化教程 —— jQuery Callback 函數
 
Callback 函數在當前動畫 100% 完成以後執行。
 
jQuery 動畫的問題
許多 jQuery 函數涉及動畫。這些函數也許會將 speed 或 duration 做爲可選參數。
例子：$("p").hide("slow")
speed 或 duration 參數能夠設置許多不一樣的值，好比 "slow", "fast", "normal" 或毫秒。實例

[size=14]$("button").click(function(){
$("p").hide(1000);
});
[/size]

因爲 JavaScript 語句（指令）是逐一執行的 - 按照次序，動畫以後的語句可能會產生錯誤或頁面衝突，由於動畫尚未完成。
爲了不這個狀況，您能夠以參數的形式添加 Callback 函數。
jQuery Callback 函數
當動畫 100% 完成後，即調用 Callback 函數。典型的語法：

[size=14]$(selector).hide(speed,callback)[/size]

callback 參數是一個在 hide 操做完成後被執行的函數。錯誤（沒有 callback）

[size=14]$("p").hide(1000);
alert("The paragraph is now hidden");[/size]

正確（有 callback）

[size=14]$("p").hide(1000,function(){
alert("The paragraph is now hidden");
});
[/size]

點擊進入JS強化教程：http://www.h5edu.cn/htm/step/h5edu_44.html