Actualizando JQuery 3.0 | Tanta comunicación, axencia de marketing dixital

contar visualizacións post

Fai uns días vimos neste blog que jQuery actualizou a versión e aínda que estabamos xa avanzou que non habería moitos problemas por retracción, puxeron unha guía de actualización e un complemento á nosa disposición para identificar problemas de compatibilidade no noso código.

Decidín probalo e por iso imos Para levar un proxecto cunha carga media de jQuery, actualice a súa versión a 3.0 e ver se atopamos algún tipo de problema e resolvelo, se o caso é dado.

Cambiar a versión jQuery

Como vemos na imaxe, neste proxecto, a versión 1.9.1 de jQuery está a ser utilizada.

Actualización de jQuery 3: versión orixinal jQuery: 1.9. 1

Polo momento parece que o Google CDN aínda non queda esta versión, polo que teremos que cargalo do propio CDN jQuery (aínda que SIE MPRE Podemos descargalo e engadilo localmente).

tamén engade o complemento Migrate de jQuery: <script src="https://code.jquery.com/jquery-migrate-3.0.0.js"></script>

Comprobación e corrección dos erros

Abrimos o HTML no noso navegador preferido e consulte a consola das ferramentas de desenvolvemento. Vemos como JQuery migra notificarnos que estamos a usar un método obsoleto: jQuery.fn.load() / Div>

Desplegar onde pon console.trace() e atopa o ficheiro exacto e a liña de código no que se está a usar o método obsoleto. Neste caso, está na liña de 1934 da liña común.js

ficheiro e liña de código onde se atopa a función obsoleta

Consultamos a Guía de actualización e nos di que se eliminaron os métodos IV id = “3C267453CC” e que utilizan a función .on() para a asignación de eventos.

Polo tanto, o que tiñamos antes,
jQuery(window).load(function(){
...
});

Agora debería ser así :

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

Refrixernos o HTML que tiñamos aberto no navegador e na consola os problemas detectados desapareceron.

en resumo, seguindo boas prácticas e mantendo un código máis ou menos preto das últimas versións de jQuery, o cambio de versión non é moi “traumático”. E grazas ás dúas ferramentas que JQuery ofrécenos, podemos analizar un V Issazo os problemas potenciais e resolvelos de forma máis efectiva.

PD: Isto non ten en conta outros complementos ou librerías dependentes da versión jQuery, polo que debemos asegurarnos de que estamos a usar as últimas versións deles e / ou que son compatibles con jQuery 3.0 antes de optar pola actualización.

Leave a Comment

O teu enderezo electrónico non se publicará Os campos obrigatorios están marcados con *