Javascript - Detectarea adaugarii unui element dinamic

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)

Javascript - Detectarea adaugarii unui element dinamic

Articolul anterior

Articolul urmator

Acest articol nu este comentat, fii primul care o face

Login

Online

Categorii

Top Vizite