做自(zì)由與創造的先行者

jQuery Callback 函數

jQuery中文(wén)手冊

Callback 函數在當前動畫(huà) 100% 完成之後執行。

jQuery 動畫(huà)的問題

許多 jQuery 函數涉及動畫(huà)。這(zhè)些(xiē)函數也(yě)許會(huì)将 speed 或 duration 作(zuò)爲可選參數。

例子:$("p").hide("slow")

speed 或 duration 參數可以設置許多不同的值,比如 "slow", "fast", "normal" 或毫秒。

實例

$("button").click(function(){

$("p").hide(1000);

});

由于 JavaScript 語句(指令)是逐一執行的 - 按照次序,動畫(huà)之後的語句可能(néng)會(huì)産生錯誤或頁面沖突,因爲動畫(huà)還沒有完成。

爲了(le)避免這(zhè)個情況,您可以以參數的形式添加 Callback 函數。

jQuery Callback 函數

當動畫(huà) 100% 完成後,即調用(yòng) Callback 函數。

典型的語法:

$(selector).hide(speed,callback)

callback 參數是一個在 hide 操作(zuò)完成後被執行的函數。

錯誤(沒有 callback)

$("p").hide(1000);

alert("The paragraph is now hidden");

正确(有 callback)

$("p").hide(1000,function(){

alert("The paragraph is now hidden");

});

結論:如果您希望在一個涉及動畫(huà)的函數之後來(lái)執行語句,請(qǐng)使用(yòng) callback 函數。

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:jQuery Chaining
上(shàng)一篇:jQuery 停止動畫(huà)