Wygenerowałem kilka linków html z jQuery i dodałem je do jakiegoś div ale to szwy, że nie mogę teraz wywołać metody click, kiedy te elementy są dołączone (działało dobrze, gdy zostały one zakodowane na stałe html) $('#something a').click(function() ...jQuery kliknij na dołączonych elementach
Czy ktoś zna rozwiązanie tego problemu?
Zastosowanie .delegate() tych przypadkach:
$('#something').delegate('a', 'click', function() {
To przywiązuje click obsługi na #something, zamiast kierunek do <a> elementów w ... tak to działa na kotwice załączonych później. Alternatywą (gorzej z kilku powodów) wersji jest .live() tak:
$('#something a').live('click', function() {
trzeba użyć funkcji podglądu na żywo, aby upewnić się, że zdarzenie click dostaje zbindowanych do elementów, które zostały dodane do DOM po stronie został załadowany:
$('#something a').live('click',function() .....
działa dobrze, dziękuję1 – Dejan
Co działa również jest dodanie [kliknij] wydarzenie podczas dołączania elementów, tak jak poniżej:
$('<someElement>').click(function(){
$('<someElement>').append('<htmlCodeToAppend>');
$('<appendedElement>').click(function() { /* do something */ });
});
podejście to spełnia swoje zadanie, ale nie jestem pewien f są jakieś zastrzeżenia do tego, może jeden z profesjonalistów może łaskawie wkroczyć tutaj.
Cheers, Erik
@Nick - dlaczego używa żywo gorzej? Po prostu ciekawi, bo bardzo często go używam. – Josh
@Nick - czy mógłbyś skomentować powody, dla których .live() jest gorszy - jestem naprawdę zainteresowany. Twoje zdrowie! –
@Josh, @Jakub - Z '.live()', weźmy powyższy kod - selektor '$ ('# something a')' jest uruchamiany natychmiast, ale nie obchodzi nas, co znalazł ... wynik jest marnowany. Również dlatego, że przywiązuje się do "dokumentu", * każde * "kliknięcie" musi być sprawdzone względem tego selektora. Z '.delegate()' tylko bardzo szybki '$ ('# something')' selektor dostaje serie, a my używamy wyniku. Także kliknięcia z '# czegoś' muszą być sprawdzone, ponieważ są zaznaczone w tym rodzica, więc' .delegate() 'adresuje 2 względy wydajnościowe ... z droższym selektorem, zyski są jeszcze większe. –