Como usar JQuery junto com Prototype ou Mootools

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);
});

20 thoughts on “Como usar JQuery junto com Prototype ou Mootools

  1. Pingback: Como usar JQuery junto com Prototype ou Mootols | Planeta Informática

  2. Ainda muito instável

    Esse método de noConclict ainda apresenta muitos erros principalmente quando você usa algum plugin

  3. 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

  4. 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.

  5. 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

  6. 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!

  7. 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

  8. 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.

  9. 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

  10. 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 ?

Leave a Reply

Your email address will not be published. Required fields are marked *