JQuery`s click() und dynamisch hinzugefügte Elemente

erstellt am: 11.04.2013 | Kategorien: Webentwicklung | Schlagworte: Jquery

Angenommen man fügt dynamisch Elemente zum DOM (Document Object Model) einer Webseite hinzu:

var personen = 
'<div class="person">
      Testperson
      <span class="delete">X</span>
</div><br />';

$('#personen').append(person)

Dann kann man nicht über

$(".delete").click()

innerhalb von document.ready() auf Click-Events reagieren, da das obige Element beim Laden des Dokuments noch nicht existierte.

Die Lösung bietet die JQuery live() Methode:

$(".delete").live("click", function(){
$(this).parent('.person').remove();
});

Kommentare wurden abgeschlossen.