¿Cómo ejecuto la función .animate en jQuery para siempre?

Question

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

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

Esto es lo que probé, pero al usar este enfoque no puedo mover nada. Estoy usando jQuery 1.3.2. ¿Alguna sugerencia?

Answer 1

Tiene los parámetros para animar incorrectamente. No toma un hash de opciones, solo las opciones reales de suavizado, duración y devolución de llamada. Además, debe tener cuidado al usar this. Mejor pasarlo como un argumento para la función sin fin.

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

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

Answer 2

Deberá llamar a interminable() desde dentro de una devolución de llamada.

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

endless($(".myBox")); 

Answer 3

Es necesario sustituir $(this) con el selector de elemento que desea animar.

Answer 4

Genial! esto es exactamente lo que busqué, pero ahora,

finalmente pensé cómo alternarlo. con la siguiente función, invoque interminable (0) para detener e interminable (1) para habilitar el ciclo de animación.

//loop animation forever 
//args: takes 1 to loop, 0 to stop 
function endless(loop) 
{ 
    //animate forever 
    if (loop==1) 
    { 
$('#alink').animate(
    {'opacity':'toggle'}, 
    1000, 
    function() { endless(1) } 
); 
    } 
    //stop animation 
    else 
    { 
$('#alink').css('opacity',1).stop(); 
    } 

}; 


//sample call 
$('#alink').toggle(function(){ endless(1) },function(){ endless(0) }); 

thanx para el código inicial!