[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

[SmokAnalog]

Powinno działać. Czy wywołujesz $(".div").html(...) w $(document).ready(...), innymi słowy ten fragment kodu jQuery "wie" już o elemencie .div?

P.S. <div class="div"> - trochę słabo...

[lukesh]

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

- użyj live;
- skoro masz mouseout to dlaczego używasz mouseover? użyj mousenter;
- nie pisz zbędnego kodu - mam na myśli powtarzanie tego $("p");

Ten post edytował lukesh 11.07.2012, 05:15:26

[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");
});

[drozdii07]

Podepnę się jeśli można Wie ktoś jak zrobić to samo tylko że z eventem drag/drop ?

[SmokAnalog]

skoro masz mouseout to dlaczego używasz mouseover? użyj mousenter;

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

[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

[SmokAnalog]

Nie musisz mi tłumaczyć co to mouseover przeciwieństwem mouseenter jest mouseleave, a mouseover - mouseout.

[LewyM1]

Witam,
funkcja on() robi swoje, ale przy zjeżdżaniu myszki (mouseout) z <p></p> element nie zmienia się z powrotem na biało.
Dzięki za szybką odpowiedź!
Pozdrawiam