Skip to main content
adicionou 436 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

EuDescobri, ao usar

$(".scroll").click(function(event){
    event.preventDefault();

Todos elementos com class="scroll" foram afetados e os elementos filhos também, você aplicou a classe .scroll em vários elementos que não sei se estesão links, por exemplo:

  • #home.scroll (<div id="home" class="scroll">)
  • #oquee.scroll (<div id="oquee" class="scroll">)
  • section#local.scroll (<section id="local" class="scroll">)
  • #convidado.scroll (<div id="convidado" class="scroll">)
  • #contato.scroll (<div id="contato" class="scroll">)

o event.preventDefault é executado em todos estes elementos e em seus filhos.

Solução 1

Ao invés de usar o problemaseletor $(".scroll"), masuse desta maneira $("a.scroll"), deve ficar algo como:

  jQuery(document).ready(function($) {
    $("a.scroll").click(function(event){
      event.preventDefault();
      $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
    });
  });

Solução 2

Porém se existe elementos que não tem muita informaçãosão ancoras (<a>) então remova a class="scroll" dos elementos desnecessários, irei supor apenas;como os já citados: #home.scroll, #oquee.scroll, section#local.scroll, #convidado.scroll e #contato.scroll

 

VocêOutro problema (não tem relação direta com o problema informado) é que você adicionou o jQuery duas vezes, eles podem estar conflitando e desencadeando uma série de problemas:

E veja se o scroll suave ainda funciona, é provável que isto corrija,Isto está ocasionando problemas como este:

O código deve ficar algo como:

    ...
    footer
      .container
        center
          p © Copyright 2015 - Conexão Total, todos os direitos reservados.
    /! jQuery (necessary for Bootstrap's JavaScript plugins)
    script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" 
    /! Include all compiled plugins (below), or include individual files as needed
    script src="js/bootstrap.min.js"

    /! scroll
    javascript:
      jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
          event.preventDefault();
          $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
        });
      });

Eu não sei se este é o problema, mas como não tem muita informação, irei supor apenas;

Você adicionou o jQuery duas vezes, eles podem estar conflitando e desencadeando uma série de problemas:

E veja se o scroll suave ainda funciona, é provável que isto corrija, como este:

O código deve ficar algo como:

    ...
    footer
      .container
        center
          p © Copyright 2015 - Conexão Total, todos os direitos reservados.
    /! jQuery (necessary for Bootstrap's JavaScript plugins)
    script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" 
    /! Include all compiled plugins (below), or include individual files as needed
    script src="js/bootstrap.min.js"

    /! scroll
    javascript:
      jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
          event.preventDefault();
          $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
        });
      });

Descobri, ao usar

$(".scroll").click(function(event){
    event.preventDefault();

Todos elementos com class="scroll" foram afetados e os elementos filhos também, você aplicou a classe .scroll em vários elementos que não são links, por exemplo:

  • #home.scroll (<div id="home" class="scroll">)
  • #oquee.scroll (<div id="oquee" class="scroll">)
  • section#local.scroll (<section id="local" class="scroll">)
  • #convidado.scroll (<div id="convidado" class="scroll">)
  • #contato.scroll (<div id="contato" class="scroll">)

o event.preventDefault é executado em todos estes elementos e em seus filhos.

Solução 1

Ao invés de usar o seletor $(".scroll"), use desta maneira $("a.scroll"), deve ficar algo como:

  jQuery(document).ready(function($) {
    $("a.scroll").click(function(event){
      event.preventDefault();
      $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
    });
  });

Solução 2

Porém se existe elementos que não são ancoras (<a>) então remova a class="scroll" dos elementos desnecessários, como os já citados: #home.scroll, #oquee.scroll, section#local.scroll, #convidado.scroll e #contato.scroll

 

Outro problema (não tem relação direta com o problema informado) é que você adicionou o jQuery duas vezes, eles podem estar conflitando e desencadeando uma série de problemas:

Isto está ocasionando problemas como:

adicionou 755 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Eu não sei se este é o problema, mas como não tem muita informação, irei supor apenas,apenas;

Você adicionou o jQuery duas vezes, eles podem estar conflitando e desencadeando uma série de problemas:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><!--Include all compiled plugins (below), or include individual files as needed--><script src="js/bootstrap.min.js"></script><!--scroll--><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>

AoPelo que entendi o proprio framework que você usa para os template inclui o jqueryjQuery versão 1.11.0 e depois junto com o código do scroll você incluiu manualmenteadicionou a versão 1.4.3 por causa do efeito de scroll'1.4.3, recomendo remover istoestá versão (pois já é bastante antiga):

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>

E veja se o scroll suave ainda funciona, é provavelprovável que isto corrija, como este:

Mixed Content: The page at 'https://retiroespiritual.herokuapp.com/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.

O código deve ficar algo como:

    ...
    footer
      .container
        center
          p © Copyright 2015 - Conexão Total, todos os direitos reservados.
    /! jQuery (necessary for Bootstrap's JavaScript plugins)
    script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" 
    /! Include all compiled plugins (below), or include individual files as needed
    script src="js/bootstrap.min.js"

    /! scroll
    javascript:
      jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
          event.preventDefault();
          $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
        });
      });

Eu não sei se este é o problema, mas como não tem muita informação, irei supor apenas,

Você adicionou o jQuery duas vezes, eles podem estar conflitando e desencadeando uma série de problemas:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><!--Include all compiled plugins (below), or include individual files as needed--><script src="js/bootstrap.min.js"></script><!--scroll--><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>

Ao que entendi o proprio framework que você usa para os template inclui o jquery versão 1.11.0 e você incluiu manualmente a versão 1.4.3 por causa do efeito de scroll', recomendo remover isto:

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>

E veja se o scroll suave ainda funciona, é provavel que isto corrija, como este:

Mixed Content: The page at 'https://retiroespiritual.herokuapp.com/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.

Eu não sei se este é o problema, mas como não tem muita informação, irei supor apenas;

Você adicionou o jQuery duas vezes, eles podem estar conflitando e desencadeando uma série de problemas:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><!--Include all compiled plugins (below), or include individual files as needed--><script src="js/bootstrap.min.js"></script><!--scroll--><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>

Pelo que entendi você inclui o jQuery versão 1.11.0 e depois junto com o código do scroll você adicionou a versão 1.4.3, recomendo remover está versão (pois já é bastante antiga):

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>

E veja se o scroll suave ainda funciona, é provável que isto corrija, como este:

Mixed Content: The page at 'https://retiroespiritual.herokuapp.com/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.

O código deve ficar algo como:

    ...
    footer
      .container
        center
          p © Copyright 2015 - Conexão Total, todos os direitos reservados.
    /! jQuery (necessary for Bootstrap's JavaScript plugins)
    script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" 
    /! Include all compiled plugins (below), or include individual files as needed
    script src="js/bootstrap.min.js"

    /! scroll
    javascript:
      jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
          event.preventDefault();
          $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800);
        });
      });
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Eu não sei se este é o problema, mas como não tem muita informação, irei supor apenas,

Você adicionou o jQuery duas vezes, eles podem estar conflitando e desencadeando uma série de problemas:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><!--Include all compiled plugins (below), or include individual files as needed--><script src="js/bootstrap.min.js"></script><!--scroll--><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>

Ao que entendi o proprio framework que você usa para os template inclui o jquery versão 1.11.0 e você incluiu manualmente a versão 1.4.3 por causa do efeito de scroll', recomendo remover isto:

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>

E veja se o scroll suave ainda funciona, é provavel que isto corrija, como este:

Mixed Content: The page at 'https://retiroespiritual.herokuapp.com/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.