1

Estou com dificuldade em chamar dois arquivos .js em minha pagina html, porque os dois não funcionam juntos, somente separados, acredito que é um problema de conflito, quedo adicionar um efeito de alert personalizado no meu site, mas quando colo o código no site o captcha não funciona, fica carregando infinitamente deste jeito: inserir a descrição da imagem aqui

segue abaixo o caminho dos arquivos .js que estão conflitando:

Quero adicionar o código abaixo:

<!DOCTYPE html>
<html>

      <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<div id="dialog-confirm" title="Excluir pedido?"></div>

<button id="btn" onclick="confirmar();">Clica</button>
    <script type="text/javascript">
        function funcao_b() {
  alert('funcao B');
}
function confirmar() {
    $( "#dialog-confirm" ).dialog({
      resizable: false,
      height: "auto",
      width: 400,
      modal: true,
      buttons: {
        "Excluir pedido": function() {
          $( this ).dialog( "close" );
          funcao_b();
        },
        'Cancelar': function() {
          $( this ).dialog( "close" );
          console.log('cancelado');
        }
      }
    });
}
    </script>
</html>

No código fonte deste site:

http://natupote.net16.net/

Como elimino este conflito?

13
  • acabei de testar e aparecu o captcha normal, se o problema era somente esse sugiro investigar melhor o que esta acontecendo. Commented 15/08/2016 às 15:33
  • @NeuberOliveira Eu abri agora e o captcha nao funciona Commented 15/08/2016 às 15:35
  • pode ver novamente? estava atualizando o site constantemente neste tempo, acho q eu tinha tirado o script q dava o conflito Commented 15/08/2016 às 15:36
  • usa as ferramentas de debug do seu navegador e ve se tem algum erro, erro de javascript ou erro na rede, como o captch normalmente vem de fora pode ser que tenha algo errado Commented 15/08/2016 às 15:38
  • @NeuberOliveira, vc tinha razao, estava funcionando, me desculpe mas agora eu adicionei o script e o conflito voltou, pode atalizar a pagina q o captcha nao funcionara Commented 15/08/2016 às 15:39

1 Resposta 1

1

Esta dando um erro que o jquery nao foi inicializado, e vi que voce esta usando tambem o prototype.forms.js que é outra biblioteca.

2 Opções

noConflict();

No jquery voce o padrao é acessar ele pela variavel $ mas exatamente para evitar conflito com outras bibliotecas ele tem o metodo noConflict()que "redireciona" o jquery para a sua variavel, ex:

var $jq = jQuery.noConflict();
$jq('#meuid').fadeIn();

Ordem do carregamento

Talvez consiga resolver o conflito somente carregando o jquery antes do prototype.

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script src="https://cdn.jotfor.ms/static/prototype.forms.js" type="text/javascript"></script>

Observação: esta dando erro 404 nessa url http://stats.hosting24.com/count.php

Editado.

Solução

Acho que encontrei o problema real. O erro que me referi anteriormente foi esse "Uncaught ReferenceError: jQuery is not defined"

No seu codigo ja tem isso: var $JQuery = jQuery.noConflict() então basicamente a variavel $não existe, dai o erro. seu codigo deve ser algo desse tipo:

function confirmar() {
    $JQuery( "#dialog-confirm" ).dialog({
      resizable: false,
      height: "auto",
      width: 400,
      modal: true,
      buttons: {
        "Excluir pedido": function() {
          $JQuery( this ).dialog( "close" );
          funcao_b();
        },
        'Cancelar': function() {
          $JQuery( this ).dialog( "close" );
          console.log('cancelado');
        }
      }
    });
}

Apenas troquei todos os $por $JQuery.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .