on() vs live() click function on element that doesn't exist yet

jquery onclick onclicklistener
d-_-b picture d-_-b · Feb 26, 2013 · Viewed 13k times · Source

As far as I know, the click() method isn't working for me because the element I'm clicking does not exist on page load (DOM ready).

I've found many answers suggesting to use .live('click',function(){...}). This works great!

However, .live() is depreciated as of jQuery 1.7

So, I've tried using .on('click',function(){...}) instead, but it doesn't not work (acts the same as .click().

Does anyone know why, or what I can do to use .on() similarly to .live() (which works) ?

Answer

Johan picture Johan · Feb 26, 2013

Since on() replaces both bind() and live(), you need to pass a third parameter in order to make use of event delegation (in other words, to make it work like the old live()):

$('#container').on('click', '.element', function(){ });

Related questions

Why is this jQuery click function not working?

Code: <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script type="text/javascript"> $("#clicker").click(function () { alert("Hello!"); $(".hide_div").hide(); }); </script> The above code doesn't work. …

Read More
Is it better to call functions using onclick or bind events using .click?

Suppose I have a div and I want to make a certain code run when a user clicks on that div. I can accomplish that in 2 ways. HTML <div id="clickme">Click Me</div> Javascript $(document).…

Read More
Get the contents of a table row with a button click

I need to extract the details of each column in my table. For example, column "Name/Nr.". The table contains a number of addresses The very last column of each row has a button that lets a user choose a …

Read More