En un proyecto recientemente, tuve un pequeño y gran problema, un menu el site estaba hecho con Prototype y Mootools, y yo hice parte del proyecto aparte, al unirlo yo trabaje en jquery y me daba todo tipo de errores y conflictos.
Como hice, bueno leyendo en la web y principalmente en visualjquery.com me percate que existe una funcion de jquery que se llama .noConflict() el cual una de las funciones del mismo es cambiar el alias ($) a cualquier otro que deseamos.
El codigo que utilice fue el siguiente:
Antes
Query().ready(function(){
$("a.listaFull").toggle(
function(){
$("#resultado").slideDown(200);
},
function(){
$("#resultado").slideUp(100);
});
Despues
var j = jQuery.noConflict();
Query().ready(function(){
j("a.listaFull").toggle(
function(){
j("#resultado").slideDown(200);
},
function(){
j("#resultado").slideUp(100);
});
Que es todo esto, bueno
creamos un nuevos alias, pero de tipo noConflict() el cual hereda todas las funciones del jquery normal, de alli en adelante utilizamos a la j como si fuera $ de jquery, de esta manera no chocamos ni con prototype ni mootools.
9 comments ↓
Thank you!
Hola que tal amigo tengo un problema de scripts en mi blog de blogger ente jquery y prototype. Pero no se nada de scipts no se si me puedes ayudar a solucionarlo???
Gracias
A ver raul en que te puedo ayudar, no soy disque experto pero si te puedo ayudar venga…
muchas gracias mi buen no sabes como me ha ayudado, te debo una jeje, funciona a la perfecion.gracias
Podrian ayudarme!!! porfavor…. en la web que estoy haciendo… estoy utilizando dos diferente tipos de slide…simpre con jquery,, pero solo se activa uno….. si cambio el llamado del javascript de jquery en otra ubicacion me funciona uno y el otro no. y se lo vuelvo a poner en su lugar se desactiva y el otro funciona..no se como resover esto…. los que estoy utilizando son…en este mismo orden::::::
$(document).ready(function(){
$(“.btn-slide”).click(function(){
$(“#slide-panel”).slideToggle(“slow”);
});
});
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“%3Cscript src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
var pageTracker = _gat._getTracker(“UA-499901-1″);
pageTracker._initData();
pageTracker._trackPageview();
hola soy yo nuevamente no aparecieron muy bien el orden,,,,seria asi::::
slider.js
core.js
jquery.min.js
luego el script del segundo slide:::::
$(document).ready(function(){
$(“.btn-slide”).click(function(){
$(“#slide-panel”).slideToggle(“slow”);
});
});
y por ultimo la oren de un carrusel que se desconfigura cuando muevo el jquery de su lugar original:::
compiled.js
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“%3Cscript src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
var pageTracker = _gat._getTracker(“UA-499901-1″);
pageTracker._initData();
pageTracker._trackPageview();
Hola tengo un problema con unas imagenes que corren solas (mootools.js) y la galeria de lightbox (prototype.js)
Cómo hago para que funcionen juntas ??
Please ayudaaaa
Bueno sol, lamentablemente esa convinacion mootools con prototype no las he probado pero lo que pasa alli es que las 2 usan $ como acceso a las funciones propias y se pelean , en jquery hay algo que se llama noConlict() que lo llamas antes de comenzar a programar con tu jquery y ya arregla esto, pero con mootools no tengo idea. Lo que puedes hacer de repente es bueno si estas usando un slide, puedes usar uno basado en jquery y aplicar esto de noconclict.
http://vandelaydesign.com/blog/web-development/jquery-image-galleries/
Algunos slides en jquery.
Leave a Comment