[jquery] Dynamiczne dzieci

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

[jquery] Dynamiczne dzieci

Fifi209 Zobacz profil	31.05.2011, 21:51:07 Post #1
Grupa: Zarejestrowani Postów: 4 655 Pomógł: 556 Dołączył: 17.03.2009 Skąd: Katowice Ostrzeżenie: (0%)	Mam pojemnik (div content), do którego mam przyczepione zdarzenie click, które z kolei wykonuje kod: [JAVASCRIPT] pobierz, plaintext $("#content").append('<div class="text"><div class="menu"><div class="edit" alt="Edit"></div><div class="move" alt="Move"></div><div class="del" alt="Delete"></div></div></div>'); [JAVASCRIPT] pobierz, plaintext Podpinam zdarzenie: [JAVASCRIPT] pobierz, plaintext $(".text").live('click', function() { alert(1); } ); [JAVASCRIPT] pobierz, plaintext Zamiast alerta próbowałem np: [JAVASCRIPT] pobierz, plaintext $(this).children("div").show(); $(this).children().show(); [JAVASCRIPT] pobierz, plaintext Bez skutku... Jak więc dobrać się do "menu" ?

Odpowiedzi

zegarek84 Zobacz profil	1.06.2011, 07:56:41 Post #2
Grupa: Zarejestrowani Postów: 1 332 Pomógł: 294 Dołączył: 12.10.2008 Skąd: Olkusz Ostrzeżenie: (0%)	wypróbuj ten kod - zdarzenie jest podpięte pod istniejący element a sprawdzane sa dzieci które mogą istnieć w DOM dopiero później - dzieci tego elementu pod który jest podpięte zdarzenie [edit] jak tak ciężko wkleić kod i sprawdzić w przykładowym html'u to masz ;p [HTML] pobierz, plaintext <html> <head> <title>Formularz kontaktowy</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { var nContent = document.getElementById('content'); var oClassCallback = {}; oClassCallback['text'] = function(e){alert(1);}; oClassCallback['menu'] = function(e){alert(this.innerHTML);}; oClassCallback['edit'] = oClassCallback['move'] = oClassCallback['del'] = function(e){alert(this.getAttribute('class'));}; var fContent = function(e){ var nTarget = e.target, sClass; if(nTarget.nodeType!==1) nTarget = nTarget.parentNode; // wywołanie callbacków tylko dla dzieci while(nTarget!==nContent){ sClass = nTarget.getAttribute('class'); sClass && (oClassCallback[sClass] instanceof Function) && oClassCallback[sClass].call(nTarget, e); // a jeszcze eventa z jQuery przerzuciłem dalej jakbyś potrzebował ;D nTarget = nTarget.parentNode; } nTarget = e = sClass = null; }; $(nContent).click(fContent); }); </script> <script type="text/javascript"> $(function(){ $("#content").append('<div class="text"><div class="menu"><div class="edit" alt="Edit">edit</div><div class="move" alt="Move">move</div><div class="del" alt="Delete">delete</div></div></div>'); }); </script> </head> <body> <div id="content"></div> </body> </html> [HTML] pobierz, plaintext Ten post edytował zegarek84 1.06.2011, 09:13:39

Posty w temacie

Fifi209 [jquery] Dynamiczne dzieci 31.05.2011, 21:51:07

zegarek84 już jakiś czas nie pisałem w js i w zasadzie prawi... 31.05.2011, 23:47:51

Fifi209 Dziękuję za poświęcenie swojego czasu, jednak zale... 1.06.2011, 07:18:59

tvister Elementy tworzone dynamiecznie i tak są w dom-ie w... 1.06.2011, 07:45:52

zegarek84 wypróbuj ten kod - zdarzenie jest podpięte pod ist... 1.06.2011, 07:56:41

Fifi209 Popatrzyłem dokładniej w narzędziach developerskic... 1.06.2011, 10:13:12

« Następny starszy · JavaScript · Następny nowszy »

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

Aktualny czas: 10.06.2026 - 14:33

Hosting zapewnia