Evitar conflictos de jQuery

 

Seguramente alguna vez hayas añadido en tu proyecto Web código jQuery de terceros para insertar algún slider, lightbox o cualquier otra librería de jQuery para crear las impresionantes animaciones que nos ofrece este.

Cuando unes varios códigos de terceros te pueden surgir problemas de compatibilidad entre ellos, pero afortunadamente jQuery ha creado una función para solucionar este problema y es tan fácil como agregar a tu código jQuery.noConflict();

Supongamos que tenemos un slider y un lightbox y quieres hacer funcionar los dos, tendrías un código como el siguiente:

 

Tendríamos un conflicto entre las dos librerías y una de ellas dejaría de funcionar, para evitarlo, en cualquiera de ellos añadiríamos jQuery.noConflict(); y sustituiríamos todos los $ por la palabra jQuery.

 

¿Sencillo verdad? Pero alguien se puede preguntar, ¿y si tengo tres librerías?, bien pues solamente deberíamos asignar una variable a jQuery.noConflict y utilizarla de la misma forma:

 

También funciona para conflictos entre Prototype y Scriptaculous. Recuerda, usa jQuery.noConflict con cabeza y no abuses si no es necesario o convertirás tu código en un jolgorio.

Encuentra ayuda

¿Te queda alguna duda?

Hostingato ® 2024. Marca registrada.

Las cookies son importantes para ti, influyen en tu experiencia de navegación. Usamos cookies técnicas y analíticas. Puedes consultar nuestra Política de cookies. Al hacer click en "Aceptar", consientes que todas las cookies se guarden en tu dispositivo o puedes configurarlas o rechazar su uso pulsando en "Configurar".

Aceptar Configurar