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

Você pode se interessar também por:

17 Responses to “Como usar JQuery junto com Prototype ou Mootools”

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

    [...] Fonte:Como usar JQuery junto com Prototype ou Mootols Read More [...]

  2. 2
    Tiago Says:

    Ainda muito instável

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

  3. 3
    Danilo Says:

    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. 4
    Tiago Says:

    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. 5
    draw Says:

    Ufa, funcionou, ehehehehe

    Muito Obrigado!!!
    Solução simples :)

  6. 6
    jonathan dias baraldi Says:

    funcionou direitinho, sensacional esta solução.

  7. 7
    Genésio Says:

    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

  8. 8
    Tiago Says:

    Cara fantastico obrigado! Me ajudou muito mesmo!

  9. 9
    Jadiael Júnior Says:

    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!

  10. 10
    Ramiro Drumond Says:

    Muito bom, me valeu direitinho.
    Valeu!

  11. 11
    Herbert Teixeira Says:

    Funcionou man! Muito bom!

    Obrigado! Vlw!

  12. 12
    Daniel Says:

    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!

  13. 13
    Alexandre Mello Says:

    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

  14. 14
    Fernando Issler Says:

    Dica muito boa…
    Procurei em vários lugares mas não achava a solução definitiva e completa.
    Essa solucionou tudo!

    Muito Obrigado!

  15. 15
    KaH Says:

    Posso utilizar esse recurso mais de uma vez no mesmo projeto?!

    Obrigada

    Érika

  16. 16
    Bruno Cesar Pires dos Santos Says:

    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.

  17. 17
    Reinaldo Says:

    Cara… ótima solução!!!
    Parabéns.

Leave a Reply