Přidání akce na všechny prvky – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Přidání akce na všechny prvky – JavaScript, AJAX, jQuery – Fórum – Programujte.comPřidání akce na všechny prvky – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Tom
~ Anonymní uživatel
419 příspěvků
23. 3. 2012   #1
-
0
-

Zdravím, možná že jsem uplně blbej, ALE!

HTML:

<img class="tr" src="exaple.png">
<img class="tr" src="exaple2.png">
<img class="tr" src="exaple3.png">
<img class="tr" src="exaple4.png">

JS:

$('.tr').bind('click', function(){
	AKCE
});

Kliknu poprvé, akce se provede. A to bylo naposed. Pak už si můžu klikat jak chci a . Akce je to, že se pošle ajaxem request na smazani toho obrazku. Ten smazu a posilam novej obsah divu, ve kterym jsou ty obrazky....

Problém je v tom, že se to html načítá znova a nejsou na to navazany ty akce pro ty znovu nacteny obrazky...

Jak se to da nějak elegantně vychytat? Díky předem!!!

Nahlásit jako SPAM
IP: 91.219.240.–
Reklama
Reklama
CZechBoY+4
Věrný člen
25. 3. 2012   #2
-
0
-

musíš tam ten bing dát znova no, nebo projet tu kolekci obrázků a jen přepsat atributy

Nahlásit jako SPAM
IP: 213.192.10.–
m->29+6
Super člen
25. 3. 2012   #3
-
0
-

Nabinduješ sa na ten rodičovský <div> a budeš odchytávať udalosť click, pričom vo vnútri skontroluješ či je cieľovým prvkom element <img> a iba vtedy povolíš vykonanie udalosti. 

V jQuery moc nerobím, ale myslím, že takto nejak by to mohlo fungovať.

$("#rodicovsky_div").delegate("img", "click", function() {
  AKCE
});
Nahlásit jako SPAM
IP: 83.240.51.–
clpx
~ Anonymní uživatel
11 příspěvků
26. 3. 2012   #4
-
0
-

Co treba

$('.tr').live('click', function(){
	AKCE
});
Nahlásit jako SPAM
IP: 80.95.113.–
Tom
~ Anonymní uživatel
419 příspěvků
26. 3. 2012   #5
-
0
-

Jo, tohle je přesně to co jsem hledal. Jen doplním něco z dokumentace:

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live().

Díky všem!

Nahlásit jako SPAM
IP: 195.178.72.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 16 hostů

Podobná vlákna

Plovoucí prvky — založil Tomáš

Prvky pole — založil pav

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý