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

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!!!

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

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

Co treba

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

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!