jQuery animation un funkcija

[ArnisR]

Vārdu sakot, palaižot šo funkciju, visi SPAN elementi iekš #box sāk svārstīties uz augšu, uz leju. Problēma: kādā veidā var apturēt šo animāciju (piemēram, uzspiežot uz pogas u.tml.) ? Vienkārši $("#box").find("span").stop() nenostrādā!

 

 

function start(){

$("#box").find("span").each(function(){

 var hgt = rand(20, 150);


 $(this).animate({height: hgt}, 150, function(){
  start();
 });

});  

}

Edited December 25, 2011 by ArnisR

[404]

Tev ir arī jāatrod veids kā iekš .each izpildīt return false.Pirmais kas ienāca prātā-ar pogu uzsetot stop atribūtu visiem span un pārbaudīt vai viņš eksistē.Ja sastapts,tad pārtraukt ciklu.Tāds bišk čerez žopu variants,bet varbūt strādās:

$('#stop').on('click', function(){
$("#box").find("span").attr('stop',1);
$("#box").find("span").stop();
$("#box").find("span").clearQueue();
});

Un iekš .each

if($(this).attr('stop')) return false;

Edited December 25, 2011 by 404

[indoom]

$(this).stop().animate(...) mēģināji?

Edited December 27, 2011 by indoom