jQuery .animate() 回调无限循环

Posted 2023-05-08

【中文标题】jQuery .animate() 回调无限循环

【英文标题】：jQuery .animate() callback infinite loop

【发布时间】：2011-09-21 15:52:07

【问题描述】：

一个简单的问题：为什么我可以这样做

var start = function() 
    $('#element').animate(, 5000, 'linear', start);

但不是这个

    function start() 
        $('#element').animate(, 5000, 'linear', start());
    

?

第一个完美运行，完成后重新启动动画。第二个只会导致无限循环。

【参考方案1】：

随便用

function start() 
    $('#element').animate(, 5000, 'linear', start);

或

function start() 
    $('#element').animate(, 5000, 'linear', function() start(); );

如果你想实际传递一些参数来启动，第二种情况很有用..

【讨论】：

您提供了一个解决方案，并不完全是一个答案，而是结合其他没有解决方案的答案，我完全满意。谢谢！

【参考方案2】：

在您的第二个函数中，您正在执行该函数而不是传递对该函数的引用，因此它会进入无限循环。

从以下位置更改您的第二个功能：

function start() 
 $('#element').animate(, 5000, 'linear', start());

到

function start() 
  $('#element').animate(, 5000, 'linear', start); //Notice the change to start

【参考方案3】：

这是因为在第一个中您发送函数的命名空间，当您将 () 添加到函数名称的末尾时，它会立即执行函数

【参考方案4】：

在第二个示例中，您基本上是在对start() 进行递归调用。

您想要做的是传递函数 start 本身，就像您在第一个示例中所做的那样。您的第二个示例仅提供调用start() 的结果。

【参考方案5】：

在第二种情况下，您直接调用函数，而不是将其作为参数传递。

start() 将立即调用 start，并将其返回值传递给 .animate()。这会导致无限的自递归。