jQuery, how to rebind html-elements after .load()

Question

I have a html-component that will be reload after a button has been clicked. Some elements of the component are bound to click and hover handlers. Everything is working fin

Answer 1

You should be able to call the .load() method AND create a callback in which you can rebind the elements.

For example:

$(document).ready(function() {
    ...initially bind all event handlers for page (including elements to be reloaded)...

    $("#someButton").on("click", function() { 
        $("#elementToReload").load("page-to-load.html", function() {
             ...bind all event handlers for this and containing elements here...
        });
    });
});

Let me know if you have any questions on this. Good luck! :)