Mise à jour de JQuery 3.0 | Tellement de communication, agence de marketing numérique

Compt-Post Vues

Il y a quelques jours, nous avons vu dans ce blog que JQuery a mis à jour la version et bien que nous étions déjà avancé qu’il n’y aurait plus de problèmes de rétraction, ils mettraient un guide de mise à jour et un plugin à notre disposition pour identifier des problèmes de compatibilité dans notre code.

J’ai décidé de l’essayer et de cela que nous allons Pour prendre un projet avec une charge moyenne de code JQuery, mettez à jour votre version à 3.0 et voyons si nous trouvons une sorte de problème et la résolvez-la, si le cas est donné.

Modification de la version JQuery

Comme nous le voyons dans l’image, sur ce projet, la version 1.9.1 de jQuery est utilisée.

Mise à jour de jQuery 3: Original jQuery Version: 1.9. 1

Pour le moment, il semble que le CDN Google ne reste toujours pas cette version, nous devrons donc le charger de la JQuery CDN elle-même (bien que sie MPRE Nous pouvons le télécharger et l’ajouter localement).
<script src="https://code.jquery.com/jquery-3.0.0.min.js></script>

ajoutez également le plug-in jquery migrate:

Vérification et correction des erreurs

Nous ouvrons le HTML dans notre navigateur préféré et consultez la console des outils de développement. Nous voyons comment JQuery Migrate vous informe que nous utilisons une méthode obsolète: jQuery.fn.load()

Erreurs trouvées par JQuery Migrate.

Déployer l’endroit où il met console.trace() et trouvez le fichier exact et la ligne de code dans lequel la méthode obsolète est utilisée. Dans ce cas, il est sur la ligne de 1934 du commun.js

ligne de fichier et de code dans laquelle la fonction obsolète est trouvée

Nous avons consulté le Guide de mise à jour et nous indique que les méthodes IV ID = « 3C267453CC » ont été supprimées et que cela utilise plutôt la fonction pour l’attribution d’événements.
https://jquery.com/upgrade-guide/3.0/#breaking-change-load-unload-and-error-removed

donc, ce que nous avions auparavant,
jQuery(window).load(function(){
...
});

Je devrais maintenant être comme ça :

jQuery(window).on('load',function(){
...
});

Nous refroidissons le HTML que nous avions ouvert dans le navigateur et dans la console, les problèmes détectés ont disparu.

en résumé, après de bonnes pratiques et de maintenir un code plus ou moins proche des dernières versions de JQuery, le changement de version n’est pas très « traumatique ». Et merci aux deux outils que JQuery nous fournit, nous pouvons analyser un V Issazo les problèmes potentiels et les résoudre plus efficacement.

PD: Cela ne prend pas en compte les autres plug-ins ou les librairies dépendant de la version JQuery, nous devons donc nous assurer que nous utilisons les dernières versions d’entre elles et / ou qui sont compatibles avec JQuery 3.0 avant d’opter pour la mise à jour.

Leave a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *