SyntaxFix

[javascript] jQuery 1.9 .live() is not a 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 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:

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to jquery

• How to make a variable accessible outside a function? • Jquery assiging class to th in a table • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Getting all files in directory with ajax • Bootstrap 4 multiselect dropdown • Cross-Origin Read Blocking (CORB) • bootstrap 4 file input doesn't show the file name • Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource • how to remove json object key and value.?

Examples related to function

• $http.get(...).success is not a function • Function to calculate R2 (R-squared) in R • How to Call a Function inside a Render in React/Jsx • How does Python return multiple values from a function? • Default optional parameter in Swift function • How to have multiple conditions for one if statement in python • Uncaught TypeError: .indexOf is not a function • Proper use of const for defining functions in JavaScript • Run php function on button click • includes() not working in all browsers

Examples related to live

• How to embed new Youtube's live video permanent URL? • jQuery 1.9 .live() is not a function • How to remove an appended element with Jquery and why bind or live is causing elements to repeat • Live search through table rows • jquery .live('click') vs .click() • jquery live hover

Examples related to deprecated

• Html.fromHtml deprecated in Android N • Is `shouldOverrideUrlLoading` really deprecated? What can I use instead? • getResources().getColor() is deprecated • ActionBarActivity is deprecated • Deprecated: mysql_connect() • Replacement for deprecated sizeWithFont: in iOS 7? • jQuery 1.9 .live() is not a function • The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead • How to declare or mark a Java method as deprecated? • Is the buildSessionFactory() Configuration method deprecated in Hibernate