jquery: funktion auch auf dynamisch hinzugefügte Elemente anwenden

[freddmann]

Hallo ihr,
ich fange mit

$( '.addr' ).click( function(){
	
	//do stuff
        
});

klicks auf Elemente der Klasse addr ab.
Jetzt füge ich über eine andere Funktion neue Elemente der selben Klasse hinzu, allerdings passiert bei einem Klick auf neu hinzugefügte Elemente nichts. Wie löse ich das Problem?
Danke
Benjamin

 

[Daaron]

z.B. indem du den Elementen, wenn du sie generierst, ebenfalls diese Funktion mitgibst.

 

[faltermayer]

.live() sollte deine Probleme lösen:

$('.addr').live('click', function(){
 // do stuff
});

 

[Yuuri]

Besser wäre das. Sonst geht auch .live(). Ich glaub das wurde aber in 1.8 oder höher entfernt.

 

[faltermayer]

Oh, Yuuri hat recht. .live() war deprechiated und nun entfernt. .on() wär's dann wohl http://api.jquery.com/on/

 

[UltiSalamander]

On funktioniert nicht auf nachträglich erstellte Elemente! Richtig ist, so wie es .live() auch intern gemacht hat, den Handler auf das document (bzw. das übergeordnete Element) zu erstellen:

$(document).on("click", ".addr", function(){});

Ausführliche Lektüre hier: http://stackoverflow.com/questions/...fter-the-event-handler-is-cre/9814409#9814409

 

[freddmann]

vielen dank an alle Helfer, habe es nach UltiSalamanders Vorschlag gemacht und es hat geklappt

 

[Spike S.]

Da .live() in 1.9 entfernt wurde, empfiehlt sich .delegate(). Damit werden zu animierenden Elementen die Events über ihr gemeinsames Elternelement zugewiesen.