Pourquoi le .live() de jQuery ne fonctionne-t-il pas après la mise à niveau vers la version 2.1 et comment puis-je y remédier ?

jQuery .live() Dépréciation

Problème :

Après la mise à niveau de jQuery vers version 2.1, la fonctionnalité .live() a cessé de fonctionner, ce qui entraîne une erreur "TypeError : Erreur $(...).live n'est pas une fonction.

Cause :

La méthode .live() était obsolète dans jQuery version 1.9 et a ensuite été supprimée en version 2.1 en raison de soucis de performances et d'architecture.

Solution : Migration vers .on()

Pour remplacer la fonctionnalité de .live(), jQuery recommande de migrer vers la méthode .on(). Cependant, il est important de noter que la syntaxe de .on() diffère de .live().

Guide de migration :

1. Remplacer live événements avec des types d'événements nommés : .live('click', function) devient .on('click', selector, function).
2. Déplacez le sélecteur enfant vers le sélecteur .on() : .live('.myElement', function) devient .on('click', '.myElement', fonction).
3. Assurez-vous que l'élément cible se trouve dans un parent de délégation : Choisissez un élément parent approprié pour le sélecteur d'enfant, de préférence avec un IDENTIFIANT. Si aucun n'est disponible, utilisez $(document) comme parent de délégation.

Exemples de migration :

Exemple 1 :

Before: $('#mainmenu a').live('click', function)
After: $('#mainmenu').on('click', 'a', function)

Exemple 2 :

Before: $('.myButton').live('click', function)
After: $('#parentElement').on('click', '.myButton', function) or $(document).on('click', '.myButton', function) if no suitable parent is known

Ressources supplémentaires :

• jQuery - comment utiliser la méthode « on() » au lieu de « live() » ?
• Guide de migration jQuery 1.9

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!