Maison > interface Web > js tutoriel > Comment migrer de la méthode `.live()` obsolète de jQuery vers la méthode `.on()` ?

Comment migrer de la méthode `.live()` obsolète de jQuery vers la méthode `.on()` ?

Linda Hamilton
Libérer: 2024-11-21 07:26:13
original
813 Les gens l'ont consulté

How to Migrate from jQuery's Deprecated `.live()` to the `.on()` Method?

Erreur jQuery 1.9 .live() : Guide de migration

À partir de la version 1.9, jQuery a supprimé la fonction .live(). Si vous avez récemment effectué une mise à niveau à partir de la version 1.8 ou antérieure, vous pouvez rencontrer l'erreur « TypeError : $(...).live n'est pas une fonction. » Pour résoudre ce problème, vous pouvez migrer vers la nouvelle méthode .on().

Instructions de migration :

Les paramètres de .live() et .on() différer. Les instructions suivantes vous aideront à migrer :

  1. Remplacez .live(events, function) par .on(eventType, selector, function).
  2. Déplacez le sélecteur (enfant) vers le Sélecteur .on() (définissez-le sur null s'il n'est pas utilisé).
  3. Si vous ne connaissez pas l'élément parent, utilisez document comme parent.

Exemples de migration :

Exemple 1 :

Avant :

$('#mainmenu a').live('click', function)
Copier après la connexion

Après :

$('#mainmenu').on('click', 'a', function)
Copier après la connexion

Exemple 2 :

Avant :

$('.myButton').live('click', function)
Copier après la connexion

Après :

$('#parentElement').on('click', '.myButton', function)
Copier après la connexion

Ou :

$(document).on('click', '.myButton', function)
Copier après la connexion

Ressources supplémentaires :

  • [jQuery - comment utiliser la méthode « on() » au lieu de « live() » ?](https://stackoverflow.com/questions/8587995/jquery-how-to-use-the-on-method-instead-of-live)
  • [jQuery 1.9 Guide de migration](https://learn.jquery.com/migration/)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal