在jquery中,callback方法用於作為效果方法的參數進行傳遞,該方法在當前動作完全完成之後執行,通常顯示為方法的最後一個參數,語法為“$(selector).hide (duration, easing, callback);」。
本教學操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
JavaScript語句逐行執行。但是,由於jQuery效果需要一些時間才能完成,因此下一個程式碼行可能會在前一個效果仍在執行時執行。這會產生錯誤。
為了防止這種情況的發生,jQuery為每個效果方法提供了一個回呼函數。
目前效果完成後,將執行回呼函數。
回呼函數作為效果方法的參數傳遞,它們通常顯示為方法的最後一個參數。
典型語法: $(selector).hide(duration, easing, callback);
下面的範例具有一個回呼參數,該參數是在隱藏效果完成後將執行的函數:
範例如下:
<!DOCTYPE html> <html> <title>jQuery 使用回调函数示例</title> <head> <script src="js/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide("slow", function(){ alert("段落现在隐藏起来了"); }); }); }); </script> </head> <body> <button>隐藏</button> <p>这是一个段落。</p> </body> </html>
輸出結果:
點擊按鈕後:
相關影片教學推薦:jQuery影片教學
#以上是jquery中callback方法怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!