Hook auf das Hinzufügen neuer DOM-Elemente mit jQuery (oder plain JS)

Question

Um es klar zu stellen: Ich frage nicht, wie Sie vorhandene Hooks auf neue DOM-Elemente setzen. Ich kenne die live() -Funktion und das alte LiveQuery-Plugin. Ich frage etwas anderes.

Was ich wissen möchte, ist, wie man sich an die eigentliche Erstellung neuer DOM-Elemente anknüpft. Der Grund, weshalb ich frage, ist, dass ich ein JS-Skript eines Drittanbieters erstelle, das keine Kontrolle über Skripte von Erstanbietern hat. Diese Skripts von Erstanbietern (die verschleiert sind) aktualisieren die Seite regelmäßig, indem sie neue DOM-Elemente hinzufügen. Ich möchte Code ausführen, nachdem diese Elemente hinzugefügt wurden.

Verwenden von $ ('...') .bind ('ajaxSuccess', function() .....) funktioniert für einige Ergänzungen, aber nicht alle von ihnen.

Answer 1

Ich bin mir nicht sicher, warum Sie fragen, ob Sie über livequery wissen. Livequery können Sie in beliebige neue DOM-Elemente einhaken. Außerhalb davon ist das einzige, was ich weiß zu tun ist in den DOM-Methoden (wie appendChild etc ...)

Die live() -Funktion, die in jQuery integriert wurde, ist eigentlich nicht die vollständige Live-Abfrage-Implementierung. (Resig dachte, es war zu viel Funktionalität ohne Blasen der Codegröße bis zu weit integriert werden)

In Live(), was fehlt ist der folgende Typ Funktion:

$('*').livequery(function() { 
// do something 
}); 

verwenden, und es sollte irgendwelche Zusätze fangen.

Answer 2

Wenn sie immer mit der document.createElement-Methode hinzugefügt werden, können Sie sie einfach ersetzen und das Tracking dort durchführen.

document.replacedCreateElement = document.createElement; 
document.createElement = function(tagName) { 
    this.replacedCreateElement(tagName); 
    //do your tracking 
} 

Answer 3

Nun, ich mit diesem Paar ging, die auf den gewünschten DOM-Updates innerhalb von 20 Sekunden oder weniger zu schießen scheint:

$('#someid').bind('ajaxSuccess', function() { ... }); 
$('#someid').ajaxSuccess(function(e, r, s) { ... }); 

ich eher müsste nicht das Laden der Seite verlangsamen, indem je nach Live-Abfrage, und die ersetzte CreateElement-Lösung verprügelte die CPU.