JavaScript语句逐行执行。但是,由于jQuery效果需要一些时间才能完成,因此下一个代码行可能会在前一个效果仍在运行时执行。这会产生错误。
为了防止这种情况的发生,jQuery为每个效果方法提供了一个回调函数。
当前效果完成后,将执行回调函数。
回调函数作为效果方法的参数传递,它们通常显示为方法的最后一个参数。
典型语法: $(selector).hide(duration, easing, callback);
下面的示例具有一个回调参数,该参数是在隐藏效果完成后将执行的函数:
$("button").click(function(){ $("p").hide("slow", function(){ // 效果完成后要执行的代码 alert("The paragraph is now hidden"); }); });测试看看‹/›
下面的示例没有回调参数,并且在隐藏效果完成之前将会显示警报框:
$("button").click(function(){ $("p").hide("slow"); alert("该段落现已隐藏"); });测试看看‹/›