jQuery 入门教程(10): 回调函数

你猜 阅读:650 2021-04-01 10:00:24 评论:0


JavaScript语句是一行一行执行的,然而对于前面的动画效果语句,后面的语句可以在动画效果完成前就执行,因此可能会造成错误的结果。
所以之前的hide,show,fadeIn,fadeOut,slideIn,slideOut,animation都支持一个callback可选参数,支持为这些方法添加一个回调函数,在动画完成之后调用。

典型的语法如下:

$(selector).hide(speed,callback);

比如,下面的例子中<p>隐藏之后执行:

[javascript] view plain copy print ?
  1. $("button").click(function(){  
  2.   $("p").hide("slow",function(){  
  3.     alert("The paragraph is now hidden");  
  4.   });  
  5. });  
$("button").click(function(){ 
  $("p").hide("slow",function(){ 
    alert("The paragraph is now hidden"); 
  }); 
}); 

而下面的例子的Alert 在

隐藏完成之前就显示。

[javascript] view plain copy print ?
  1. $("button").click(function(){  
  2.   $("p").hide(1000);  
  3.   alert("The paragraph is now hidden");  
  4. });  
$("button").click(function(){ 
  $("p").hide(1000); 
  alert("The paragraph is now hidden"); 
}); 

标签:jquery
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号