200 Response
Published in

200 Response

jQuery sin conflictos

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.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store