首頁 > web前端 > js教程 > 關於jQuery Callback 函數的實際運用方法

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

jacklove
發布: 2018-05-04 15:18:07
原創
1375 人瀏覽過

在學習中常會看到回呼函數的身影,本篇將會詳細的講解下回呼函數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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板