JQuery, Prototype e Mootools são os frameworks de javascript mais usados hoje em dia. Tais frameworks servem pra facilitar
o código e ganhar tempo no desenvolvimento do projeto. Todos tem plugins a kilo na internet, pra fazer muita coisa que antes perdiamos tempo fazendo, como validações, efeitos dhtml, ajax, etc.
Eu utilizo só JQuery porque acho simples e completo. Não é recomendado usar 2 desses frameworks em um único projeto. Mas se precisar, vai encontrar incompatibilidade pois todos usam como a função básica o $
Para evitar esse confilto com Jquery, e utilizar outro desses frameworks faça assim:
invoque o Jquery normalmente.
<script type="text/javascript" src="jquery.js"></script>
Abra o JQuery e coloque depois da última linha o seguinte comando:
var J = jQuery.noConflict(); // J passa a ser a função básica do Jquery
depois invoque o mootols, ou o prototype
<script type="text/javascript" src="mootools.js"></script>
emfim, fica assim
função Jquery (fica com J no lugar de $)
J('a#link_menu').click(function(){ J('#menu').show(); return false; })
funcão Mootools (nada muda)
$('a#').addEvent('click', function(e) { e.stop(); $('#menu').fade(0); });
Pingback: Como usar JQuery junto com Prototype ou Mootols | Planeta Informática
Ainda muito instável
Esse método de noConclict ainda apresenta muitos erros principalmente quando você usa algum plugin
Então, esse noConflict é justamente um recurso pra utilizar qndo precisar usar 2 frameworks (o que não recomendo). Mas os principais plugins de Jquery já são compatÃveis nesse modo sim. senão, é só usar o function($).
[]s
Verdade, outro problema que me deparei foi que dependendo da versão do prototype ele da alguns conflitos também estava usando a versão 1.5.0_rc0 do prototype fiz o upgrade para a mais atual e resolveu meu problema.
Ufa, funcionou, ehehehehe
Muito Obrigado!!!
Solução simples :)
funcionou direitinho, sensacional esta solução.
Danilo estou com esse problema no meu blog ao usar um menu tabbed em jquery, a jgalery que é em mootools nao funfa. vc tem algum lib de jquery hospedado quer possa me passar o link? agradeço
Cara fantastico obrigado! Me ajudou muito mesmo!
Muito boa a dica! Estou num projeto em preciso dos dois frameworks (jquery e prototype). Apliquei no meu código e funcionou sim! Parabéns!
Muito bom, me valeu direitinho.
Valeu!
Funcionou man! Muito bom!
Obrigado! Vlw!
Excelente Post!!! Funcionou perfeitamente em meu site… Apenas lembrando que se estiverem usando objetos que possuem jquery próprio, deve-se alterar neles tbm!
Valeu!
Maravilha Danilo
Erros de incompatibilidade sao sempre sutis e dificeis de rastrear…
A soluçao funcionou para mim tb, precisei usar o efeito toogle do mootools, com o efeito scrolling do jQuery.
ja estava desistindo e achei seu post. mandou bem.
abraços. alexandre
Dica muito boa…
Procurei em vários lugares mas não achava a solução definitiva e completa.
Essa solucionou tudo!
Muito Obrigado!
Posso utilizar esse recurso mais de uma vez no mesmo projeto?!
Obrigada
Érika
Cara muito obrigado por compartilhar essa solução.. Estamos em um projeto baseado em Mootools só que acabamos tendo que usar uma função de Jquery o que gerou um grande conflito, mas a sua solução foi perfeita.
Obrigado amigo.
Boa sorte.
Cara… ótima solução!!!
Parabéns.
o amigo muiiiiiiiiiiiiiiiiitttttoooooooo obrigado mmmmesssmo eu ja tava ficando doidão porcausa dessa inconpatibilidade até que vi o seu site muito obrigado amigo me ajudou mesmo
cara ainda to com duvida,
chamo ele >>
Abra o ‘jquery-1.6.3’ e coloque depois da última linha o seguinte comando:
var J = jQuery.noConflict();
faço isso no .php >>>
J(‘a#link_menu’).click(function(){
J(‘#menu’).show();
return false;
})
ta certo o procedimento
ou to errando em alguma coisa ?
Funcionoouuu!!!!!
Estava me matando para achar a solução.
Obrigada pela dica!!