Attivazione evento javascript su ogni modifica DOM "completo"

Question

So che questo potrebbe essere gestito in qualche modo, ma a partire da ora, questo mi sta dando un vero momento difficile. Sto scrivendo uno script e desidero attivare alcune funzioni particolari quando una manipolazione del DOM è completa. Non riesco a modificare/aggiungere/rimuovere nessun altro script (dato che potrebbe essere iniettato nella pagina usando un framework). La pagina utilizza le richieste Ajax (non implementate in jQuery) per caricare/modificare il contenuto. Ora voglio che un evento venga attivato quando tutte le modifiche del DOM sono state completate. Il mio attuale approccio è quello di attivare la funzione in ogni evento DOMSubtreeModified. Qualcosa di simile

$(document).bind('DOMSubtreeModified', doSomeStuff); 

ma lo svantaggio di questo approccio è, diciamo i carichi Ajax 10 elementi in una chiamata, poi per ogni elemento doSomeStuff viene licenziato. Può essere limitato a sparare solo dopo il caricamento del decimo elemento? Qualcosa come resettare l'evento $ (document) .ready()? quindi $ (document) .ready() viene attivato ogni volta che il DOM è pronto (dopo aver caricato il contenuto ajax)

Answer 1

In jQuery, c'è un metodo ajaxComplete, che chiama una funzione data dopo ogni chiamata AJAX terminata. Vedi di più here.

Suggerisco di utilizzare jQuery o (nel caso non sia un'opzione) analizzare il codice sorgente di questa funzione per vedere come è fatto lì.

Answer 2

Con Mutation Observer è possibile ascoltare le modifiche e se l'evento è stato attivato, il documento è stato modificato.

MutationObserver = window.MutationObserver || window.WebKitMutationObserver; 

var observer = new MutationObserver(function(mutations, observer) { 
    // Add the actions to be done here if a changes on DOM happened 
    console.log(mutations, observer); 

}); 

// Register the element root you want to look for changes 
observer.observe(document, { 
    subtree: true, 
    attributes: true 
}); 

Answer 3

so di essere un po 'in ritardo alla festa, ma suona come si consiglia di evitare il bouncing vostra funzione doSomeStuff. Se non si è contrari all'introduzione di una dipendenza su Underscore.js, ha una bella funzione debounce.