How to call a function when a div is dynamically generated using jQuery

Question

The scenario I want to achieve is as follow:

$("#parentDiv").on("load",'#childDiv', function () {
        // do something...
});

I would like to call a function when a child div is dynamically generated and shown on the page, but there is no suitable event that can achieve this. Any hint or help would be appreciated.

Answer 1

Instead of load , you can make use of a custom event which gets triggered with .trigger() :

 $(document).ready(function() { $("button").on("click", function() { $("body").append("<div id='new'>Created</div>").trigger('custom-event'); }); }); $(document).on("custom-event", function() { console.log('DIV created!'); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <body> <button>Create element</button> </body>

How to call a function when a div is dynamically generated using jQuery

Question

1 answers

solution1
1 ACCPTED 2018-08-06 23:01:14

How to call a function when a div is dynamically generated using jQuery

Question

1 answers

solution1 1 ACCPTED 2018-08-06 23:01:14

solution1
1 ACCPTED 2018-08-06 23:01:14