JQuery: evitar conflictos con otras librerías
Lunes 10 de Mayo, 2010
0 comentarios
Quizás ya te ha pasado que no sabes como hacer para utilizar JQuery con otras librerías que utilizan la función $(), por ejemplo, usar simultáneamente JQuery y Prototype. Por lo menos a mi ya me ha ocurrido bastantes veces (por ejemplo: sólo tienes que recordar que en wordpress cuando agregas un plugin puede ser que este utilice una u otra librería), pero JQuery sigue dándome excelentes soluciones.
JQuert incluye una función con un nombre que no podría ser más descriptivo: JQuery.noConflict(). A continuación te cuento como se usa.
La documentación de JQuery dice que para poder servirte de las bondades de JQuery.noConflict() debes primero colocar la librería que hace conflicto con JQuery, luego JQuery y, finalmente, la llamada a esta mágica función. Algo como lo que sigue:
<head>
...
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
//Usamos JQuery.noConflict
var $j = jQuery.noConflict();
</script>
...
</head>
Ahora, ya estamos listos para usar ambas librerías. Al usar la función $() estaremos usando prototype y, en cambio, cuando utilicemos $j(), nos estaremos refiriendo a JQuery. De esta manera las siguiente 2 instrucciones las podemos realizar sin ningún inconveniente y podríamos beneficiarnos de lo mejor de ambas librerías para nuestro desarrollo
<script>
//Ocultando un div con Prototype
$("#algunDiv").hide();
//Ocultando un div con JQuery
$j("#algunDiv").hide();
</script>
