jQuery .live() vs .on() method for adding a click event after loading dynamic html

by

I am using jQuery v.1.7.1 where the .live() method is apparently deprecated.

The problem I am having is that when dynamically loading html into an element using:

$('#parent').load("http://...");

If I try and add a click event afterwards it does not register the event using either of these methods:

$('#parent').click(function() ...);

or

// according to documentation this should be used instead of .live()
$('#child').on('click', function() ...);

What is the correct way to achieve this functionality? It only seems to work with .live() for me, but I shouldn’t be using that method. Note that #child is a dynamically loaded element.

Thanks.

7 Answers
7

Leave a Comment