In short: .bind() will only apply to the items you currently have selected in your jQuery object. .live() will apply to all current matching elements, as well as any you might add in the future. The underlying difference between them is that live() makes use of event bubbling. That is, when you click on a … Read more
Should be done this way. $(‘body’).on(‘click’, ‘.button’, function (){ alert(‘click!’); }); If you have a container that doesn’t change during the ajax request, this is more performant: $(‘.container’).on(‘click’, ‘.button’, function (){ alert(‘click!’); }); Always bind the delegate event to the closest static element that will contain the dynamic elements.
I never use live; I consider the benefits of using delegate to be so substantial as to be overwhelming. The one benefit of live is that its syntax is very close to that of bind: $(‘a.myClass’).live(‘click’, function() { … }); delegate, however, uses a slightly more verbose syntax: $(‘#containerElement’).delegate(‘a.myClass’, ‘click’, function() { … }); This, … Read more
jQuery 1.4.1 now supports “hover” for live() events, but only with one event handler function: $(“table tr”).live(“hover”, function () { }); Alternatively, you can provide two functions, one for mouseenter and one for mouseleave: $(“table tr”).live({ mouseenter: function () { }, mouseleave: function () { } });
jQuery .live() has been removed in version 1.9 onwards That means if you are upgrading from version 1.8 and earlier, you will notice things breaking if you do not follow the migration guide below. You must not simply replace .live() with .on()! Read before you start doing a search and replace: For quick/hot fixes on … Read more