Question

Im trying to run a function on an element (.this_button) that is being loaded dynamically. Im using the following code:

$(function(){
    $("body").on("load", ".this_button", function() {
         console.log("its been loaded");
    });
});

I tried delegate, but it says its been deprecated in favor of on. Some elements might be pushed, say after the document’s been loaded for 10 minutes already. How can it continually check if an element .this_button has entered the body?

Anyone know why this isnt working?

Answer 1

From the documentation:

“In all browsers, the load, scroll, and error events (e.g., on an element) do not bubble. […] Such events are not supported for use with delegation, but they can be used when the event handler is directly attached to the element generating the event.”