jQuery 回调函数(Callback)

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("该段落现已隐藏");
});
测试看看‹/›