jQuery 1.9 .live() is not a function

by

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 a live site, do not just replace the keyword live with on,
as the parameters are different!

.live(events, function)

should map to:

.on(eventType, selector, function)

The (child) selector is very important! If you do not need to use this for any reason, set it to null.

Migration Example 1:

before:

$('#mainmenu a').live('click', function)

after, you move the child element (a) to the .on() selector:

$('#mainmenu').on('click', 'a', function)

Migration Example 2:

before:

$('.myButton').live('click', function)

after, you move the element (.myButton) to the .on() selector, and find the nearest parent element (preferably with an ID):

$('#parentElement').on('click', '.myButton', function)

If you do not know what to put as the parent, body always works:

$('body').on('click', '.myButton', function)

See also:

More Related Contents:

  1. How can I create an Asynchronous function in Javascript?
  2. jQuery’s .click – pass parameters to user function
  3. How to add an object to an array
  4. jQuery: live() vs delegate()
  5. How to create a jQuery function (a new jQuery method or plugin)?
  6. jQuery pass more parameters into callback
  7. In Javascript/jQuery what does (e) mean?
  8. Make function wait until element exists
  9. functions inside or outside jquery document ready
  10. jQuery call function from a string [duplicate]
  11. What event does JQuery $function() fire on?
  12. What is the purpose of this? (function ($) { //function code here })(jQuery);
  13. Passing parameters to a JQuery function
  14. jQuery asynchronous function call, no AJAX request
  15. Function not calling within an onclick event
  16. difference between parseInt() and parseFloat() [duplicate]
  17. jQuery event bubbling
  18. Convert JSON array to an HTML table in jQuery
  19. How to detect online/offline event cross-browser?
  20. What’s the best way to retry an AJAX request on failure using jQuery?
  21. jQuery or javascript to find memory usage of page
  22. Keep Bootstrap Dropdown Open When Clicked Off
  23. jQuery attr vs prop?
  24. How can I retain the scroll position of a scrollable area when pressing back button?
  25. How to send variables from one file to another in Javascript? [duplicate]
  26. jquery only allow input float number
  27. How to send data from HTML form to Google Spreadsheet using JavaScript?
  28. Blur event stops click event from working?
  29. Will $(window).resize() fire on orientation change?
  30. Convert iso timestamp to date format with Javascript?

Leave a Comment