Come si esegue la funzione .animate in jQuery per sempre?

Question

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

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

Questo è quello che ho provato, ma utilizzando questo approccio non riesco a ottenere cose in movimento. Im 'utilizzo di jQuery 1.3.2. Qualche suggerimento?

Answer 1

Hai i parametri per animare male. Non richiede un hash di opzioni, solo le opzioni effettive per l'andamento, la durata e una richiamata. Inoltre, è necessario fare attenzione quando si utilizza this. Meglio passarlo come argomento alla funzione infinita.

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

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

Answer 2

Avrai bisogno di chiamare infinito() da un callback.

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

endless($(".myBox")); 

Answer 3

è necessario sostituire $(this) con il selettore di elemento che si desidera animare.

Answer 4

Grande! questo è esattamente quello che ho cercato, ma ora,

ho finalmente capito come attivarlo. con la seguente funzione, chiama infinito (0) per interrompere e infinito (1) per abilitare il loop dell'animazione.

//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) }); 

grazie per il codice iniziale!