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

I'm not sure of the way you are binding your events, but basically, if you are doing something in this way :

$('.your-class').on('click', function (e) {[...]});

You may have better to delegate it to the document, that is not reloaded.

$(document).on('click', '.your-class', function (e) {[...]});

You can be sure that even the elements that does not exists at the script execution time will be binded aswell, be cause they will be a part of your document, later.