jQuery Callback 方法
Callback 函式在當前動畫 100% 完成之後執行。
jQuery 動畫的問題
許多 jQuery 函式涉及動畫。這些函式也許會將 speed 或 duration 作為可選引數。
例子: $("p").hide("slow")
speed 或 duration 引數可以設定許多不同的值,比如 "slow", "fast", "normal" 或毫秒。
提示:由於 JavaScript 語句(指令)是逐一執行的 - 按照次序,動畫之後的語句可能會產生錯誤或頁面衝突,因為動畫還沒有完成。
為了避免這個情況,您可以以引數的形式新增 Callback 函式。
例項
以下例項在隱藏效果完全實現後回撥函式:
$("button").click(function(){ $("p").hide("slow",function(){ alert("The paragraph is now hidden"); }); });
以下例項沒有回撥函式,警告框會在隱藏效果完成前彈出:
$("button").click(function(){ $("p").hide(1000); alert("The paragraph is now hidden"); });
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70018483/viewspace-2907370/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- callback
- jQuery方法wrapAll()jQuery
- jQuery css() 方法jQueryCSS
- jQuery 事件方法jQuery事件
- jQuery 效果方法jQuery
- jQuery AJAX 方法jQuery
- Callback詳解
- Promise不是CallbackPromise
- Array.prototype.forEach(callback) 的 callback 到底執行了幾次?
- jQuery Validate optional()方法jQuery
- jQuery 篩選方法jQuery
- jQuery – AJAX load() 方法jQuery
- jQuery HTML / CSS 方法jQueryHTMLCSS
- jQuery 遍歷方法jQuery
- jQuery 雜項方法jQuery
- js 回撥 callbackJS
- JQuery基本知識彙總;JQuery常用方法;淺入瞭解JQueryjQuery
- jQuery 動畫 - animate() 方法jQuery動畫
- JQuery常用方法一覽jQuery
- jquery中on方法原理分析jQuery
- jQuery datatable 使用方法jQuery
- 怎麼promisify(promise ⇄ callback)Promise
- 回撥函式(CallBack)函式
- jQuery常用方法總結【三】jQuery
- jQuery 動作/方法連結jQuery
- jQuery – AJAX get() 和 post() 方法jQuery
- jQuery之empty()與remove()方法jQueryREM
- jQuery如何使用過濾not()方法jQuery
- jQuery中過濾方法slice()方法如何使用?jQuery
- 解決小程式 callback hell
- PHP Callback/Callable 型別使用PHP型別
- jquery中append()方法與after()方法的區別jQueryAPP
- jquery 中 $.map 的使用方法jQuery
- 淺談jQuery中的工具方法jQuery
- Jquery Ajax方法傳值到actionjQuery
- 遍歷方法 js jquery 我 常用JSjQuery
- 淺談jQuery中$.proxy()工具方法jQuery
- Jquery 和 Ajax的 使用方法jQuery