Update DOM after insert in jQuery

Question

Let\'s say I use jQuery to load new content into a specific DIV element. If I now want to catch events from inside that DIV element, I assume the DOM has to be updated someh

Answer 1

jQuery uses "live" events to deal with things happening in dynamically added DOM elements without having to manually add handlers after a content-update.

Answer 2

Since jQuery 1.7.x the .live() method is deprecated. Use .on() to attach event handlers. If you are using an older version you should use .delegate() in preference to .live().

As mentioned in the help, the format does not change a lot like shown in this example:

$(selector).live(events, data, handler); // jQuery 1.3+
$(document).delegate(selector, events, data, handler); // jQuery 1.4.3+
$(document).on(events, selector, data, handler); // jQuery 1.7+

So since 1.7.x, both, delegate and live have been superseeded by on.

Answer 3

Use live like this:

 $(".view").live("click",function(){
      $(this).parent().load("view");
    });