Como usar Mootools e JQuery juntos.
By giordanofalves on set 23, 2009 in Javascript
Se voce está lendo esse artigo, deve ter tido problema ao tentar usar as bibliotecas Mootools e JQuery juntas.
Quando tentamos usar as duas juntas ocorre um erro pelo fato das duas bibliotecas terem o mesmo construtor $(). Então pode acontecer delas tentarem interpretar o mesmo código. O JQuery tentando interpretrar código que foi feito para o Mootools e o Mootools querendo interpretar código escrito para JQuery.
Mas não se preocupe, existe uma solução bem simples para resolver esse problema.
John Resig( criador do JQuery ), sabendo que outras bibliotecas usavam o mesmo construtor que ele, criou a funçao jQuery.noConflict.
Voce apenas tem que chama-lá depois da inclusão da biblioteca JQuery, antes de usar qualquer função JQuery e colocar jQuery como construtor no lugar $()
<script type="text/javascript">
jQuery.noConflit();
jQuery().ready(function(){
jQuery('#empresa').css('color', 'blue');
});
</script>
Agora é só usar o seu script Mootools com o construtor padrão:
<script type="text/javascript">
$('pessoa').inject('empresa', 'top');
</script>


Boa dica!
Agora não sei como esta na nova versão do jQuery mais se você estiver utilizando um plugin do jQuery e o mesmo não tiver um digamos noConflict interno, ele vai acabar dando erro. Falo isso por experiência própria (IBGE) ahuaihaiuhaiuh.
Só deu certo quando foi colocado o iframe hauiahuiahuia
Abraços cara!
samuelrbo | set 25, 2009 | Reply
perfeito, estou usando as mais novas versoes dos dois plugins , e funcionou perfeitamente
Emmanuel | fev 8, 2010 | Reply