.live() vs .bind() [duplicate]

by

The main difference is that live will work also for the elements that will be created after the page has been loaded (i.e. by your javascript code), while bind will only bind event handlers for currently existing items.

// BIND example
$('div').bind('mouseover', doSomething);
// this new div WILL NOT HAVE mouseover event handler registered
$('<div/>').appendTo('div:last');

// LIVE example
$('div').live('mouseover', doSomething);
// this new appended div WILL HAVE mouseover event handler registered
$('<div/>').appendTo('div:last');

Update:

jQuery 1.7 deprecated live() method and 1.9 has removed it. If you want to achieve the same functionality with 1.9+ you need to use a new method on() which has slightly different syntax as it’s invoked on document object and the selector is passed as a parameter. Therefor the code from above converted to this new way of binding events will look like this:

// ON example
$(document).on('mouseover', 'div', doSomething);
// this new appended div WILL HAVE mouseover event handler registered
$('<div/>').appendTo('div:last');

More Related Contents:

  1. What is the difference between the bind and live methods in jQuery?
  2. Why does click event handler fire immediately upon page load?
  3. Jquery live() vs delegate() [duplicate]
  4. Update Angular model after setting input value with jQuery
  5. jquery click doesn’t work on ajax generated content
  6. jquery .live(‘click’) vs .click()
  7. jquery live hover
  8. What are the significant differences among $(sel).bind(“click”, $(sel).click(, $(sel).live(“click”, $(sel).on(“click”?
  9. Live search through table rows
  10. Jquery: detect if middle or right mouse button is clicked, if so, do this:
  11. jquery live event for added dom elements
  12. jQuery CSS() for dynamically created elements
  13. Jquery how to bind click event on dynamically created elements?
  14. Detect user scroll down or scroll up in jQuery [duplicate]
  15. How can I use JQuery to post JSON data?
  16. Is it possible to use jQuery .on and hover?
  17. How to send a PUT/DELETE request in jQuery?
  18. Send JSON data via POST (ajax) and receive json response from Controller (MVC)
  19. How can I post an array of string to ASP.NET MVC Controller without a form?
  20. jQuery Date Picker – disable past dates
  21. What is the purpose of the ‘node_modules’ folder?
  22. jQuery Set Mouse Position (not cursor position)
  23. Calling function after .load (Jquery)
  24. Set the selected index of a Dropdown using jQuery
  25. jQuery: selector (classname with space)
  26. jQuery Toggle Text?
  27. Performance differences between using “:not” and “.not()” selectors?
  28. Jquery addclass/removeclass on click
  29. jQuery UI – Droppable only accept one draggable
  30. Include js file in Go template

Leave a Comment