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)
Carregando comentários...