个人中心
gpt4 book ai didi

javascript - JQuery 动画回调

转载 作者：行者123 更新时间：2023-11-30 18:42:22 24 4
gpt4 key购买 nike

我有一个简单的页面，它使用 2 个函数来回动画一个框:animateLeft 和 animateRight。当我以这种方式调用动画时，它工作正常:

$("#divTestBox3").animate({ "left" : "200px" }, 1000, animateLeft);

但是，当我这样调用它时:

$("#divTestBox3").animate({ "left" : "200px" }, 1000, animateLeft());

函数 animateLeft() 不会等到动画完成后才执行。 animateLeft() 被立即调用，导致堆栈溢出。有人可以帮助我理解这两条线之间的区别以及它们行为不同的原因。

完整的应用程序如下所示。

<head>
<script src="../JSCommon/jquery-1.5.1.min.js"   type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {

   var stop = false;

   $(document).keydown(function(event) {
      stop = !stop;
      if (!stop)
         animateRight();        
   });

   function animateRight() {
      if(!stop) {
         console.log('animateRight');
         $("#divTestBox3").animate({ "left" : "200px" }, 1000, animateLeft);
      }
   }

   function animateLeft() {
      if(!stop) {
         console.log('animateLeft');
         $("#divTestBox3").animate({ "left" : "20px" },1000,animateRight);
      }
   }        

});
</script>

</head>

<body>
  <div style="height: 40px;">
          <div id="divTestBox3" style="height: 20px; width: 20px; left: 20px; background-color: #89BC38; position: absolute;"></div>
  </div>
  <p>Press any key to start/stop the animation</p>
</body>

最佳答案 

animateLeft

references 是函数本身。

animateLeft()

是对函数 animateLeft 的调用，不带任何参数。它计算函数返回的任何值。

关于javascript - JQuery 动画回调，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6486086/

24 4 0
文章推荐： javascript - 我可以访问这个 _normalize 方法吗？
文章推荐： C - 使用 signal() 终止进程
文章推荐： c - 大维度值错误 - 运行时检查失败 #2 - 变量 'mat' 周围的堆栈已损坏
文章推荐： c - 使用/proc提供守护进程信息
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com