jquery - 如何在 jQuery 中永久运行 .animate 函数？

Question

$(this).css("left","100px");

function endless(){
    $(this).animate({
        left:'-=100px',
    },{
        easing: "linear",
    duration: 5000,
    complete: function() {
        $(this).css('left','100px');
    endless();
        }
    });
};
endless();

这是我尝试过的，但是使用这种方法我无法让东西移动。 我正在使用 jQuery 1.3.2。 有什么建议吗？

Answer 1

您的动画参数有误。它不需要选项哈希，只需要缓动、持续时间和回调的实际选项。另外，使用 this 时需要小心。最好将其作为参数传递给无限函数。

$(this).css("left","100px");

function endless(elem){
    $(elem).animate(
        { left:'-=100px' },
        "linear",
        5000,
        function() {
            $(elem).css('left','100px');
            endless(elem);
        }
     );
};
endless(this);