Publicado em 4 de jul.

Jquery não acha o arquivo

Segue abaixo os códigos que estou desenvolvendo e o erro que aparece no console... Alguém podia dar uma mão? xD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PRODUTOS</title>
<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<link href="css\style.css" rel="stylesheet" />
<body>
 <div id="fixed_menu">
 <div id="menu">
 MENU
 </div>
 <nav id="produtos_">
 <div class="produto_"><a class="estilo_produto" href="" data-container="link" data-link="produto_1">PRODUTO 1</a></div>
 <div class="produto_"><a class="estilo_produto" href="" data-container="link" data-link="produto_2">PRODUTO 2</a></div>
 <div class="produto_"><a class="estilo_produto" href="" data-container="link" data-link="produto_3">PRODUTO 3</a></div>
 </nav>
 </div>

 <div class="caixa_produtos" data-container="produto_1">
 Produto 1
 </div>
 <div class="caixa_produtos" data-container="produto_2">
 Produto 2
 </div>
 <div class="caixa_produtos" data-container="produto_3">
 Produto 3
 </div>

 <div id="mapa_do_site">
 <div class="mapa">
 MAPA DO SITE
 </div>
 </div>
 <div id="copyright">
 copyright
 </div>

</body>
</html>

$ (document).ready(function () {

// Variaveis locais //

 var _containerMenu = $('[data-container="menu"]');
 var _containerLink = $('[data-container="link"]');

// Evento scroll de Produtos //

 _containerLink.click(function () {

 var _sessao = $(this).data('link');

 function Posicao(Seletor) {

 var _alturaMenu = parseInt(_containerMenu.outerHeight());
 var _posicao = parseInt(($('[data-container="'+Seletor+'"]').position().top) - _alturaMenu);

 return _posicao;
 }

 $('html,body').animate({scrollTop: Posicao(_sessao)}, 1300);

 return false;

});

});

console.log(_containerLink);

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>PRODUTOS</title> <script src="//code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <link href="css\style.css" rel="stylesheet" /> <body> <div id="fixed_menu"> <div id="menu"> MENU </div> <nav id="produtos_"> <div class="produto_"><a class="estilo_produto" href="" data-container="link" data-link="produto_1">PRODUTO 1</a></div> <div class="produto_"><a class="estilo_produto" href="" data-container="link" data-link="produto_2">PRODUTO 2</a></div> <div class="produto_"><a class="estilo_produto" href="" data-container="link" data-link="produto_3">PRODUTO 3</a></div> </nav> </div> <div class="caixa_produtos" data-container="produto_1"> Produto 1 </div> <div class="caixa_produtos" data-container="produto_2"> Produto 2 </div> <div class="caixa_produtos" data-container="produto_3"> Produto 3 </div> <div id="mapa_do_site"> <div class="mapa"> MAPA DO SITE </div> </div> <div id="copyright"> copyright </div> </body> </html> $ (document).ready(function () {

_containerLink.click(function () { var _sessao = $(this).data('link'); function Posicao(Seletor) { var _alturaMenu = parseInt(_containerMenu.outerHeight()); var _posicao = parseInt(($('[data-container="'+Seletor+'"]').position().top) - _alturaMenu); return _posicao; } $('html,body').animate({scrollTop: Posicao(_sessao)}, 1300); return false; }); }); console.log(_containerLink);