Tutorial: Usar jQuery con otras librerías en el mismo código

18 Feb

Hace poco me preguntaban por un problema muy común, el famoso is not a function que ocurre al ejecutar jQuery con otras librerías que usan el famoso $. Para eso, jQuery nos facilita el trabajo mediante el método noConflict().

Para entender el funcionamiento de noConflict() hay que saber que $ no es mas que un alias para el método jQuery. Veamos un ejemplo.

$(‘div’).slideUp();

jQuery(‘div’).slideUp();

var j = jQuery.noConflict();

j(‘div’).slideUp();

Como veis, hemos usado noConflict para asignarle un nuevo alias a jQuery y ahora podemos llamar a nuestros métodos por el nuevo alias j, por lo que no entrará en conflicto con otras librerías.

Pero todavía hay otra solución aún mejor, usar el mismo $ para todas las librerías, que puede ser mas práctico si estamos reutilizando el código o simplemente estamos acostumbrados a usar la librería de la forma tradicional. Veamos un ejemplo.

$.noConflict();

jQuery(document).ready(function($){

//Aquí podemos usar el $ de jQuery

});

window.addEvent(‘domready’, function() {

//Aquí podemos usar el $ de mootools

});

Como veis en el ejemplo, dentro del método ready usando $ como parámetro de la función, podemos usar el alias $ de manera local, es decir, que una vez acabe la función, jQuery no reconocerá el alias $, por lo que podemos usar cualquier otra librería, en mi caso Mootools.

Yo he usado las dos formas y ninguna ha dado problemas, por lo que podéis usar cualquiera según os convenga.

Espero que os haya ayudado.

3 comentarios to “Tutorial: Usar jQuery con otras librerías en el mismo código”

Trackbacks/Pingbacks

  1. Bitacoras.com - 18 febrero 2010

    Información Bitacoras.com…

    Valora en Bitacoras.com: Hace poco me preguntaban por un problema muy común, el famoso is not a function que ocurre al ejecutar jQuery con otras librerías que usan el famoso $. Para eso, jQuery nos facilita el trabajo mediante el método noConflict()……

  2. Usar jQuery con otras librerías sin conflictos - 18 febrero 2010

    […] Usar jQuery con otras librerías sin conflictos innominepixel.wordpress.com/2010/02/18/usar-jquery-con-otras…  por ozzysong hace 2 segundos […]

  3. Usar jQuery con otras librerías sin conflictos | El Noticiero - 18 febrero 2010

    […] » noticia original […]

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: