jQuery - Click-Ereignis auf nachgeladenes Element

[koma05]

hallo.
es wird ein jquery-ajax-request ausgeführt, welcher eine tabelle zurückliefert.
möchte ich nun auf elemente in dieser tabelle klick-ereignisse auslösen so funktioniert das nicht.

die zurückgelieferte code schaut wie folgt aus:

<div id="treffer">
<table id="bcetable" cellspacing="0" cellpadding="3" border="0" align="center">
<tbody>
    
<tr>
<td height="25">
<img height="25" alt="name..." src="232_thumb.jpg">
</td>
<td>
<a href="bild.php?spieler=232">Nachname, Vorname</a>
</td>
<td class="zentriert">-</td>
<td class="zentriert">
<span id="sidms2_232" class="erstellespieler" title="Spieler nicht vorhanden">Spieler nicht vorhanden</span>
</td>
</tr>
    
....

und zwar soll ein klick auf die klasse .erstellespieler ausgewertet werden:

$(".erstellespieler").on("click", function(){
        alert("Click!");
    });

funktioniert aber nicht.

das einzigste worauf ein klick funktioniert ist auf das umschliessende div:

$("#treffer").on("click", function(){
        alert("Click!");
    });

wie bekomme ich eine reaktion bei klick auf ".erstellespieler" ?

wo liegt der fehler?

danke für hilfe...

 

[Duddle]

AW: jQuery - Click-Ereignis auf nachgeladenes Element

Mit .on() wird nur an derzeit vorhandene, ausgewählte Elemente gebunden - zumindest so wie du es jetzt benutzt. Wenn du das DOM veränderst, musst du die Event-Handler neu zuweisen.

Alternativ lies dir intensiv diesen Teil der Dokumentation von .on() durch, der exakt dieses Problem beschreibt, beginnend hier:

If new HTML is being injected into the page, select the elements and attach event handlers after the new HTML is placed into the page. Or, use delegated events to attach an event handler, as described next.

Die dort gezeigten Beispiele erklären den Ansatz.


Duddle

 

[mindraper]

AW: jQuery - Click-Ereignis auf nachgeladenes Element

moin,

anderer beitrag, selbes problem: