Javascript - Detectarea adaugarii unui element dinamic

Post Title

      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.

  1.  
  2. <html>
  3. <head>
  4. <title>Detectare inserare nod</title>
  5. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  6. <script type="text/javascript">
  7. var $doc = $(document);
  8. $doc.ready(function() {
  9.  
  10. $doc
  11. //daca sa inserat un nou nod(element)
  12. .on('DOMNodeInserted', function(e) {
  13. //verificam daca este elementul nostru
  14. if (e.target.id === 'newButton') {
  15. console.log("butonul a fost adaugat cu success");
  16. //dam click pe button
  17. $('#newButton').click();
  18. }
  19. })
  20. //avand in vedere ca se adauga dinamic nu putem folosi obiect.click(function)
  21. .on('click', '#newButton', function() {
  22. console.log('sa facut click pe button');
  23. });
  24. //adaugam butonul dupa 2 secunde
  25. setTimeout(function() {
  26. var button = '<button id="newButton">Test</button>';
  27. $('body').append(button);
  28. }, 2000)
  29. });
  30. </script>
  31. </head>
  32. <body></body>
  33. </html>
  34. </html>

Daca aveti mai multe intrebarii lasati comentarii si o sa va rapsund :D 

PS: merge si pe IE9 (DOMNodeInserted)

Autor articol

Ştiinţa fără religie este şchioapă, religia fără ştiinţă este oarbă (Albert Einstein)

Structura de aplicatie Angular.js
 

Acest articol nu este comentat, fii primul care o face

Trebuie sa fii logat sa poti lasa un comentariu Autentificare Inregistrare Logare cu Facebook
top