Mai jos este micul script, nu sa explict mai mult deoarece sunt cateva comentarii utile in script si doar de ele este nevoie pentru a intelege despre ce este vorba.
<html> <head> <title>Detectare inserare nod</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript"> var $doc = $(document); $doc.ready(function() { $doc //daca sa inserat un nou nod(element) .on('DOMNodeInserted', function(e) { //verificam daca este elementul nostru if (e.target.id === 'newButton') { console.log("butonul a fost adaugat cu success"); //dam click pe button $('#newButton').click(); } }) //avand in vedere ca se adauga dinamic nu putem folosi obiect.click(function) .on('click', '#newButton', function() { console.log('sa facut click pe button'); }); //adaugam butonul dupa 2 secunde setTimeout(function() { var button = '<button id="newButton">Test</button>'; $('body').append(button); }, 2000) }); </script> </head> <body></body> </html> </html>
Daca aveti mai multe intrebarii lasati comentarii si o sa va rapsund :D
PS: merge si pe IE9 (DOMNodeInserted)