Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


jQuery noConflict(): Como evitar el conflicto y duplicidad del alias $

El uso de jQuery noConflict() se puede volver necesario cuando trabajamos con varias librerías de Java Script en la misma web. Pudiendo coincidir juntas tales como jQuery, Prototype, Mootools o Scriptaculous.

Estas librerías suelen usar el alias $, cuando varias usan el mismo alias $ puede surgir el conflicto o duplicidad de la función.

En bastantes ocasiones suele suceder cuando usamos diferentes animaciones en jQuery. Para evitar estas situaciones debemos usar la función  jQuery noConflict(). Os recomiendo leer estos post que os puedes resultar útiles:

Sintaxis jQuery noConflict()

Vamos a ver la sintaxis de esta función extraída de su web oficial.

  • removeAll: Podemos poner true o false, por defecto en caso de omisión es true.

Ejemplo del error ‘$ is not a function’

Os he preparado este primer ejemplo para ver el error que se produce cuando trabajamos con 2 librerias que usan el alias $ al mismo tiempo.

Explico el ejemplo:

  • Se realizan 2 llamadas a las librerias de jQuery y Prototype que van dentro de la etiqueta head.
  • Posteriormente he preparado un mensaje alert usando el alias $ de jQuery.
  • Si revisamos la url con un debuger veremos que nos sale el siguiente error:

$ is not a function

El debuger que he usado ha sido la consola de errores de Firefox. Os muestro un pantallazo del error.

jquery noConflict Ejemplo para solucionar el error ‘$ is not a function’ con jQuery noConflict()

Os he realizado este segundo ejemplo para que veáis que fácil es solucionar el problema.

Explico el código:

  • He modificado ligéramente el código para dar entrada a jQuery noConflict().
  • Creo la variable ‘nuevoalias‘ y he asigno el valor de noConflict.
  • Ahora en vez de llamar al alias ‘$’ debemos llamar a ‘nuevoalias’. Podéis llamar a la variable como queráis… Por ejemplo ‘jq’.
  • El alert con el mensaje sale por pantalla.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies