欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery中callback回调函数的奇怪效果

程序员文章站 2024-03-25 11:53:46
...
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){

       $("p").hide(1000,change);(1)

       //$("p").hide(1000,change());(2)

  });
});


function change(){
   alert("kk");
}
</script>
</head>
<body>
<button type="button">隐藏</button>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
</body>

</html>

 

图中(1)处紫色代码是callback回调函数,回调函数在是隐藏或显示完成后所执行。

奇怪的地方出现了,如果把(1)替换成(2),回调函数会在隐藏或显示执行前执行。

为什么会产生这样的效果呢