Usar jQuery e Scriptaculous ao mesmo tempo

Aprenda a usar jQuery e Scriptaculous ao mesmo tempo, sem nenhum problema

Um dia você acorda de manhã, liga o computador e descobre um menu, enquanto navegava, com um efeito espetacular e magnífico, ilumina o seu dia com a esperança de vê-lo enfeitando o seu blog, assim você coloca as mãos para trabalhar, adiciona códigos aqui, ali e de repente... Caramba, o menu não funciona!

Deprimido, você investiga um pouco e descobre que jQuery não funciona com Scriptaculous.
E lá se vai o entusiasmo do dia.

E sim, é um fato meio que se você usar jQuery não poderá usar Scriptaculous ou vice-versa. E mais do que um problema de incompatibilidade o que acontece é que ambos usam a mesma sintaxe para chamar as funções do script, isso faz com que ambas as bibliotecas não sabe a quem prestar atenção, pois ambas usam o mesmo modo de ler essas instruções.

No entanto, o jQuery soluciona isso desde a versão 1.0 usando uma variável na sintaxe, isso é para que não entrem em conflito as duas bibliotecas e se possa usar jQuery mesmo que se tenha Scriptaculous, Prototype ou Mootools no blog.

Para aplicar esta variável é preciso fazer uso do comando jQuery.noConflict();
Por exemplo, um código que usa jQuery seria semelhante a esta:
<script src="URL do arquiivo jQuery" type="text/javascript" />
<script src="URL de algum script que necessita jQuery" type="text/javascript" />

<script type="text/javascript">
$(document).ready(function(){
$("div").hide();
});
</script>
O que vamos fazer agora é adicionar antes das instruções do script o comando jQuery.noConflict(); e também alterar todos os $ que encontrarmos pela palavra jQuery
Por exemplo
<script src="URL do arquivo jQuery" type="text/javascript" />
<script src="URL de algum script que necessita jQuery" type="text/javascript" />
<script src="" type="text/javascript" />

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("div").hide();
});
</script>
E tendo feito que jQuery pode ser usado sem problemas, mesmo quando tivermos outra biblioteca de scripts no blog.
Podemos ver um exemplo mais preciso, o de arrastar as imagens com jQuery.
<script src='http://code.jquery.com/jquery-1.8.0.min.js' type='text/javascript'/>
<script src='https://dl.dropbox.com/u/19945343/JS/jquery.easydrag.js' type='text/javascript'/>

<script type="text/javascript">
$(function(){
$("#easydrag1").easydrag();});
</script>
Esse seria o código comum que utilizariamos, mas se aplicamos o "patch" para que funcione com Scriptaculous então o código seria assim:
<script src='http://code.jquery.com/jquery-1.8.0.min.js' type='text/javascript'/>
<script src='https://dl.dropbox.com/u/19945343/JS/jquery.easydrag.js' type='text/javascript'/>

<script type='text/javascript'>
jQuery.noConflict();
jQuery(function(){
jQuery(&quot;#easydrag1&quot;).easydrag();});
</script>
E dessa forma poderiamos usar o arrastar imagens com jQuery e com Scriptaculous ao mesmo tempo.


Em resumo, adicionamos a função jQuery.noConflict(); e alteramos todo os $ por jQuery.

Desta forma na maioria dos casos, você pode usar jQuery e Scriptaculous ao mesmo tempo, sem ficar em dúvida a escolher um ou outro.

COMENTÁRIOS

Nome

Básicos,3,Blogger,43,Botões,2,buscadores,3,Comentários,5,Css3,9,Design,3,Dominio,3,Downloads,2,Efeito,13,Facebook,3,Feed,1,Festividades,1,GooglePlus,6,Hacks,7,HTML,8,Imagens,8,Menu,3,Recursos,3,Seo,8,Truque,24,Twitter,2,Widget - Gadget,16,
ltr
item
Bloggermin: Usar jQuery e Scriptaculous ao mesmo tempo
Usar jQuery e Scriptaculous ao mesmo tempo
Aprenda a usar jQuery e Scriptaculous ao mesmo tempo, sem nenhum problema
http://4.bp.blogspot.com/-oHfBW0Wmgms/UENioqL8WxI/AAAAAAAAAm0/UtPiSKJwjdU/s1600/jqueryscriptaculuoso.png
http://4.bp.blogspot.com/-oHfBW0Wmgms/UENioqL8WxI/AAAAAAAAAm0/UtPiSKJwjdU/s72-c/jqueryscriptaculuoso.png
Bloggermin
https://www.bloggermin.cashmore.com.br/2012/08/usar-jquery-scriptaculous.html
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/
https://www.bloggermin.cashmore.com.br/2012/08/usar-jquery-scriptaculous.html
true
3085171147808187471
UTF-8
Carregado Todas os Posts. Não foi encontrado nenhum post. VER TUDO Leia mais Responder Cancelar resposta Excluir Por Home PÁGINAS POSTAGENS Ver tudo RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO PESQUISAR TODAS AS PUBLICAÇÕES Não foi encontrado qualquer correspondência postal com o seu pedido Voltar a Home Domingo Segunda-feira Terça-feira Quarta-feira Quinta-feira Sexta-feira Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora mesmo 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir O CONTEÚDO É PREMIUM Por favor, compartilhe para desbloquear Copiar Todo o Código Selecionar Todo o Código Todos os códigos foram copiados para a área de transferência Não é possível copiar os códigos / textos, por favor pressione [CTRL] + [C] (ou CMD + C com Mac) para copiar