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()` ?

Patricia Arquette
Libérer: 2024-11-28 22:39:13
original
416 Les gens l'ont consulté

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

jQuery 1.9 .live() a été supprimé

Dans jQuery 1.9 et versions ultérieures, la fonction .live() a été obsolète et supprimée . Lors de la mise à niveau à partir de jQuery 1.8 ou version antérieure, vous pouvez rencontrer l'erreur TypeError : $(...).live is not a function.

Guide de migration pour remplacer .live()

Pour remplacer .live(), utilisez plutôt la fonction .on(), mais notez que les paramètres sont différent :

  • Avant : .live(events, function)
  • Après : .on(eventType, selector, function)

Le sélecteur enfant est crucial. S'il n'est pas nécessaire, définissez-le sur null.

Exemples de migration

Exemple 1 :

  • Avant : $ ('#mainmenu a').live('click', function)
  • Après : $('#mainmenu').on('click', 'a', function)

Exemple 2 :

  • Avant : $ ('.myButton').live('click', function)
  • Après : $('#parentElement').on('click', '.myButton', function)
  • Ou, si le parent est inconnu : $(document).on('click', '.myButton', function)

Ressources supplémentaires :

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

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
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