Programação

Conflito de jQuery – Como resolver

Bom em um dos meus últimos jobs, estava com um problema em uma página pois estava usando mais de dois plugins jQuery e estava dando conflito de jQuery, o porque exatamente eu não sei, mais quando fui adicionar o terceiro plugin, ae parou de funcionar tudo mesmo, hahaha.

Geralmente os plugins vem com chamadas usando o ‘$‘ e quando eu preciso adicionar mais de um plugin, geralmente uso a chamada ‘jQuery‘ ao invés do ‘$‘ como mencionado acima. Na maioria das vezes fica algo mais ou menos assim (usando o $).

<script type="text/javascript">
$(document).ready(function(){
//aqui vai a função })
</script>

Usando a chamada ‘jQuery‘ fica mais ou menos assim.

<script type="text/javascript">
jQuery(document).ready(function(){
//aqui vai a função })
</script>

Com essa diferenciação, muitas vezes ja resolvemos alguns problemas de conflito de jQuery, mas e para adicionar mais plugins? Então, podemos criar uma variavel e com isso, incluir quantos plugins quiser. Ficaria algo assim.

Conflito de jQuery – Como resolver

<script type="text/javascript">
 var $j = jQuery.noConflict();
// Use jQuery com a variavel $j(...)
$j(document).ready(function(){
//aqui vai a função })
</script>

Crie quantas variaveis forem necessárias para seu projeto e evite um provável conflito de jQuery, e não se esqueça de chamar somente uma vez e uma única versão de jQuery, já tive diversos problemas com isso, pois adicionei mais de uma versão e isso me causou mais conflito de jQuery, então quando o plugin não roda como deveria uma das primeiras coisas que eu verifico é se estou usando somente uma versão do jQuery e chamando apenas uma vez.

É isso, espero ter ajudado vocês a resolver um conflito de jQuery com essas dicas. Se quiser saber mais sobre jQuery.noConflict(), dá uma olhada nesse artigo.

Se o post te ajudou curte a página, não custa nada e me incentiva a continuar escrevendo.
Posts recomendados
Comentários

    16 respostas para Conflito de jQuery – Como resolver

    1. bruno escreveu em 4 de dezembro de 2013

      Olá,estou precisando de um help,estou com um projeto com magento em que na página do produto eu coloco um botão que abre um lightbox com as opções personalizadas,valeu!

    2. admin escreveu em 4 de dezembro de 2013

      Boa Tarde Bruno, desculpe mas não entendi sua dúvida, qualquer coisa me manda via form de contato do Blog que se tiver no meu alcance eu te ajudo.
      Abraços

    3. elpidio escreveu em 11 de março de 2014

      ESTOU DESENVOLVENDO UM SITE QUE USA JQUERY PARA VALIDAÇÃO E OUTRO PARA LISTAR UMA CIDADE E ESTADO DO BRASIL…. pORÉM SE UM FUNCIONA O OUTRO PARA DE FUNCIONAR… TENTEI USAR O NOCONFLICT() MAIS NAO TIVE SUCESSO… O QUE POSSO FAZER?

    4. Qcabeca escreveu em 17 de março de 2014

      Olá Elpidio, conseguiu resolver já? Caso não tenha conseguido, cola o código no pastebin e me manda o link, pra eu ver se posso te ajudar. Abs

    5. Ronaldo escreveu em 12 de abril de 2014

      Dica muito útil… realmente resolveu meu problema.

      Tks

    6. Qcabeca escreveu em 18 de abril de 2014

      Que bom que ajudou. Sucesso ae. Abs

    7. Eduardo escreveu em 15 de maio de 2014

      Ajudou muito! Obrigado (:

    8. Qcabeca escreveu em 16 de maio de 2014

      Opa que bom Eduardo, sucesso ae, abs

    9. LUIS escreveu em 28 de maio de 2014

      Muito bom, resolveu meu problema. Estava com conflito em um sistema que usava abas, menu e autocompletar. Obrigado!

    10. Qcabeca escreveu em 29 de maio de 2014

      Olá Luis, que bom que ajudou. Agradeço a visita. Sucesso ae. Abraço

    11. Nicole lima escreveu em 15 de julho de 2014

      olá, preciso muito de ajuda. estou fazendo um site (bem básico, com html css etc) e tenho um slider que funciona com uma biblioteca jquery, porém quando adc outra biblioteca de outro slider, o primeiro para de funcionar. pode me ajudar? OBRIGADA.

    12. Qcabeca escreveu em 15 de julho de 2014

      Olá Nicole, pode me mandar a URL pra eu visualizar melhor?

    13. weder escreveu em 14 de setembro de 2014

      OLA ESTOU COM UM PROBLEMA QUE ESTA ME QUEBRANDO A CABEÇA KKK JQUERY E O LIGHTBOX ESTA EM CONFLITOS ALGUEM ME AJUDA POR FAVOR [email protected]

    14. Qcabeca escreveu em 8 de outubro de 2014

      Conseguiu resolver Weder? Caso não tenha conseguido, me envie o link, por favor.

    15. Tatiane escreveu em 30 de março de 2015

      boa tarde. Estou com um problema..na loja virtual Magento, adicionei o onestepcheckout. funciona legal em todos os navegadores, menos no firefox. acredito que seja algo no jQuery, você poderia me ajudar, por favor?

    16. Qcabeca escreveu em 31 de março de 2015

      Oi Tatiane, já usou i Firebug pra ver os erros que aparecem? Qualquer coisa me manda o link via form de contato. Sucesso ae. Abs

    Envie seu comentário.

    Seu email não será publicado