Maison > interface Web > js tutoriel > Comment migrer du .live() obsolète de jQuery vers .on() ?

Comment migrer du .live() obsolète de jQuery vers .on() ?

Patricia Arquette
Libérer: 2024-11-24 06:15:10
original
408 Les gens l'ont consulté

How Do I Migrate from jQuery's Deprecated .live() to .on()?

Dépréciation de la fonction jQuery .live()

La méthode .live() de jQuery n'est plus disponible dans les versions 1.9 et ultérieures. Cela peut entraîner des erreurs lors de la tentative de mise à jour de jQuery à partir de versions antérieures.

Migration de .live() vers .on()

Pour remplacer .live() sans cassant la fonctionnalité, vous devez utiliser la syntaxe appropriée pour la méthode .on() :

.live(events, function) -> .on(eventType, selector, function)
Copier après la connexion

La principale différence est que .on() nécessite un paramètre supplémentaire spécifiant le sélecteur enfant après le type d'événement. Si vous n'avez pas besoin d'un sélecteur d'enfant, utilisez plutôt null.

Exemples de migration

Exemple de migration 1 :

Avant :

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

Après :

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

Dans dans cet exemple, l'élément enfant (a) doit être spécifié dans le sélecteur .on().

Exemple de migration 2 :

Avant :

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

Après :

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

Lorsque l'élément parent le plus proche avec un ID est inconnu, utilisez ce qui suit syntaxe :

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

N'oubliez pas de toujours vous référer au guide de migration jQuery pour plus d'informations sur la transition de .live() vers .on().

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!

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal