Wyciek pamięci (jQuery), jedna zakładka zajmuje 1GB pamięci w chrome Opcje

[kamloo21]

Hej
Mam problem z jquery , napisałem kilka animacji , wszystko ładnie działa lecz po pewnym czasie (jakieś 10min) drastycznie zwiększa się użycie pamięci które dochodzi do 1GB na 1 zakładke w Chrome.
Domyślam się że animacja jest źle zloopowana ale wydaję mi sie że jest OK. Próbowałem kilku różnych rzeczy

http://wytestuj.cba.pl/tyla/send.php Chodzi mi o tą animacje konkretnie (na reszcie strony jest inna więc nie zmieniajcie zakładki)

[HTML] pobierz, plaintext 
$(document).ready(
			function animuj(){
				$("#loga").animate(
					{ backgroundPosition: "+=2000" }, 19000  //animacja paska na dole
				).animate(
					{ backgroundPosition: "-=2000" }, 19000  //animacja paska na dole
				);
 
			$("p.active").prev("p").css("border-bottom-color","#363732"); //zmiana koloru ramki nad .active
 
			$("#menu p").hover( 									//animacja menu
				function(){
					$(this).prev().css("border-bottom-color","#363732");
					$(this).addClass("hover");
				},
				function(){
					if(!$(this).hasClass('active'))
						$(this).prev().css("border-bottom","#666 dotted 2px");
 
					$(this).removeClass("hover");
				}
			);
 
			setInterval(animuj,40000);
			}
		);
[HTML] pobierz, plaintext 

[zegarek84]

po pewnym czasie masz wieeele razy odpaloną funkcję animuj i cyklicznie w postępie lawinowym podpinany setInterval(animuj,40000) - w tym miejscu co jest wystarczył by setTimeOut... lub troszkę inaczej to zapisać...

ps. nie potrzebnie wiele razy podpinasz .hover... prędzej byś skożystał z .delegate (coś jak .live)

ps2. skoro elementy #loga i #menu sa w drzewie DOM po .ready to mógłbyś te elementy wyszukać i zapamiętać w jakiejś zmiennej by ich nie szukać stale po selektorach CSS

ps3. jeśli elementy #menu nie zmieniają sie dynamicznie to wystarczyło by raz podpiąć .hover...

Ten post edytował zegarek84 2.05.2013, 14:01:37