Sind Ereignisse in jQuery verloren, wenn Sie() ein Element entfernen und an anderer Stelle anhängen()?

Question

Was passiert in jQuery, wenn Sie ein Element entfernen() und an anderer Stelle anhängen()?

Es scheint, dass die Ereignisse abgehakt sind - als ob Sie nur frische HTML einfügen (was ich denke, was passiert). Aber es ist auch möglich, dass mein Code einen Fehler enthält - also wollte ich dieses Verhalten nur bestätigen, bevor ich fortfahre.

Wenn dies der Fall ist - gibt es irgendwelche einfachen Möglichkeiten, die Ereignisse auf genau diesen Teil von HTML neu zu hooken, oder eine andere Möglichkeit, das Element zu verschieben, ohne das Ereignis an erster Stelle zu verlieren.

Answer 1

Ja, jQuery's Ansatz mit remove() ist, alles gebunden mit jQuery eigenen bind zu lösen (um Speicherlecks zu verhindern).

Wenn Sie jedoch nur etwas im DOM verschieben möchten, müssen Sie zuerst remove() es. Nur append zum Inhalt Ihres Herzens, die Ereignisbindungen wird Stick um :)

Zum Beispiel fügen Sie diese in Ihre Firebug auf dieser Seite:

$('li.wmd-button:eq(2)').click(function(){ alert('still here!') }).appendTo(document.body) 

Und jetzt scrollen Sie zum Ende der Seite und klicke auf das kleine Globy-Symbol, das jetzt unter der SO-Fußzeile vergraben ist. Sie erhalten die alert. Alles weil ich zuerst nicht auf remove aufpasste.

Answer 2

Verwendung jQuery1.3.1 leben() Ereignisse zu binden, und Sie werden nicht zu kümmern brauchen ..

Update: Live-Events jetzt veraltet sind, aber Sie können den gleichen Effekt von $ (document) erhalten .auf().

Answer 3

Das jQuery detach() Funktion die gleichen wie entfernen, ist() aber die Event-Handler in dem Objekt erhält, die er zurückkehrt. Wenn Sie das Objekt entfernen und es an einem anderen Ort mit allem platzieren müssen, können Sie dies einfach verwenden.

var objectWithEvents = $('#old').detach(); 
$('#new').append(objectWithEvents); 

Überprüfen Sie die API-Dokumentation hier: http://api.jquery.com/detach/