jQuery sin conflictos

Escrito por Juan Felipe Morales Zavala

30 de julio de 2019

Ciertamente cuando se desarrollan aplicaciones desde cero es muy fácil cargar nuestras herramientas desde algún repositorio, copiar, pegar y hechar a andar, aunque la cosa se complica cuando empezamos a desarrollar o a implementar nuevas caracteristicas sobre lo que ya esta, debemos adecuarnos a lo que tenemos, y si algunos de estos sitios estan desarrollados en plataformas tales como wordpress o joomla y afortunada o desafortunadamente algunos freameworks estan desactualizados tenemos que investigar como poder hacer funcionar o hacer funcionalidades que vienen en otros frameworks tales como jQuery.

Les quiero compartir una pequeña herramienta que me ha sacado de varios apuros al desarrollar en front-end, se llama jquery no conflicts que basicamente te permite asignar un nuevo prefijo en lugar del simbolo de peso ($) que comunmente se utiliza en jQuery

<script src=”https://code.jquery.com/jquery-3.4.1.js" integrity=”sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=” crossorigin=”anonymous”></script>
<script>var jq = jQuery.noConflict(true);</script>

Estas dos lineas de código hacen que pueda utilizar jquery inclusive si el sitio ya cuenta con una versión llámese la 1.x o 2.x sin problemas

<script type=”text/javascript”>
jq(document).ready(function() {
//todo el codigo de jQuery que quiera con el prefijo jq
});
</script>

Ahora ya puedo utilizar diferentes versiones de jQuery sin ningun problema obviamente utilizando el prefijo para el cual estoy llamando la versión.

<! — supongamos que nuestro sitio cuenta con una version antigua →
<script type=”text/javascript” src=”https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type=”text/javascript”>
var jQuery_1_12_4 = $.noConflict(true);
</script>

<! — y necesitamos una version mas actualizada →
<script type=”text/javascript” src=”https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type=”text/javascript”>
var jQuery_3_4_1 = $.noConflict(true);
</script>

Como se muestra en el ejemplo puedo trabajar con ambas versiones sin tener mayor problema.


jQuery sin conflictos was originally published in 200 Response on Medium, where people are continuing the conversation by highlighting and responding to this story.