jQuery - how to use the "on()" method instead of "live()"? [duplicate]

Question

This question already has answers here:

Turning live() into on() in jQuery (5 answers)

Closed 6 years ago.

I used live() for generated pages and frames. But in jQuery 1.9 this function is deprecated and does not work.

I use on() instead of live() but this method works for one time, and does not work in frames.

My code looks like this:

  $("#element").live('click',function(){
    $("#my").html(result);
   });

What is the solution?

Answer 1

$('body').on('click', '#element', function(){
    $("#my").html(result);
});

The clicked element selector is now passed through the .on() function parameters, and the previous selector should be replaced with the closest parent selector preferably with an ID. If you do not know what parent selector to use, body works too, but is less efficient.

see jQuery 1.9 .live() is not a function on how to migrate existing code.