jQuery .animate() 回调无限循环

Question

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

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

但不是这个

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

?

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

Answer 1

要么使用

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

或

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

如果您想实际传递一些参数以开始......，第二种情况很有用。