[JavaScript]Niewidoczny element dla jQuery Opcje

[LewyM1]

Witam,
otóż mam mały problem z $(this). Mam sobie pewną stronę na której są tylko elementy dodane przez html(), cześć skryptu jest odpowiedzialna za to, aby dodane elementy przez html() po wskazaniu na nie myszką podświetlały się na żółto. Ta funkcja działa prawidłowo z elementami dodanymi przed uruchomieniem skryptu, ale jeśli dodam je funkcją html(), jQuery już ich nie zobaczy.

[HTML] pobierz, plaintext 
 
	$(".div").html(divyy+"<p>"+Tablica[i]+"</p>\n<hr/>\n");
 
...
	$("p").mouseover(function(){
		$(this).css("background-color", "yellow");
	});
	$("p").mouseout(function(){
		$(this).css("background-color", "white");
	});
[HTML] pobierz, plaintext 

Bardzo proszę o pomoc w rozwiązaniu mojego problemu.
Pozdrawiam

[sunpietro]

@lukesh, jaki live? starych metod chcesz go uczyć? bezsens.
Należy to zrobić tak:

Kod

$("p").on("mouseenter",function(){
    $(this).css("background-color", "yellow");
}).on('mouseout',function(){
    $(this).css("background-color", "white");
});

[lukesh]

@lukesh, jaki live? starych metod chcesz go uczyć? bezsens.
Należy to zrobić tak:

Kod

$("p").on("mouseenter",function(){
    $(this).css("background-color", "yellow");
}).on('mouseout',function(){
    $(this).css("background-color", "white");
});

Takie coś nie będzie działać!

Jeżeli już stosować .on to w taki sposób:

[HTML] pobierz, plaintext 
$(document).on('mouseenter', 'p', function(){
	$(this).css("background-color", "yellow");
}).on('mouseout',function(){
	$(this).css("background-color", "white");
});
[HTML] pobierz, plaintext 

Nieprawda, przeciwieństwem mouseout jest właśnie mouseover. Proszę nie wprowadzać autora tematu w błąd.

Funkcja .mouseenter imituje to, co w css nazywa się hover.

Tutaj, na dole strony, przykład - porównanie .mouseenter i .mouseover:

http://api.jquery.com/mouseover/

Ten post edytował lukesh 11.07.2012, 14:36:20