Question

I know that we could use “live” method for such purposes as stated here. But now “live” method is removed in jQuery 1.9.0. So how should I bind some event (for example, “click”) for elements loaded by Ajax?

Answer 1

There is .on() for binding events:

usage:

$(document).on('click', '.loaded-via-ajax', function(){
    alert($(this).attr('id'));
});

This will alert the id of the elem which is loaded through ajax.

You have to delegate the events to the existing parent, like this:

$('.classofdiv').on('click', '.loaded-via-ajax', function(){
    alert($(this).attr('id'));
});

here .classofdiv is a div which has got content loaded from the ajax function and when you click the elem with class name .loaded-via-ajax this will get the event and finally alerts its id (if that elem has an id)