2012-10-05 7 views
6

Eventuali duplicati:
How to identify when the DOM has been changed?Quando si aggiunge un elemento a un elenco qual è il modo migliore per attivare questo evento

Supponiamo ho accesso al <ul> elemento $(ul#mylist).
Come posso attivare l'evento quando qualche elemento è aggiunto alla lista.

Ho provato quanto segue ma in realtà non funziona.

$('ul#mylist').change(function() { 
    console.log('added an element'); 
}); 
+0

Qual è l'aggiunta del articolo alla lista? – j08691

+0

Se si è aggiunti all'elenco, è necessario eseguire il codice manualmente in quel momento. Non mi affiderei ai metodi DOM Mutation per questo. –

risposta

6

Si può provare ad ascoltare DOMNodeInserted evento

$('ul#mylist').on('DOMNodeInserted' ,function() { 
    console.log('added an element'); 
}); 

Se si aggiunge un Li UL e vogliono ascoltare l'evento ..

Check DEMO

+0

+1 Molto buono !, non sapevo di quell'evento, ho esteso la tua demo per mostrare anche come usarlo per ascoltare qualsiasi elemento aggiunto sulla pagina e capire il tipo di elemento o gli attributi basati su event.target parametro. Qui -> http://jsfiddle.net/gnel/9DPUY/ – Nelson

+0

@Nelson .. Grazie per il violino :) –

+0

Wow, non sapevo nemmeno che esistesse! – argentage

Problemi correlati