Chamar arquivo JQUERY
-
É o seguinte: Não entendendo nada de Jquery, mas é a única coisa que impede um site que estou criando funcionar. Estou tentando fazer o menu deslizar, mas sem esse código funcionar fica difícil.
Peguei um código pronto. Ele é o seguinte:
HTML: <header> <div id="top"> <img src="logo.png" alt=""> </div> <nav id="menuHeader"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Produtos</a></li> <li><a href="#">Lojas</a></li> <li><a href="#">Empresa</a></li> <li><a href="#">Contato</a></li> </ul> <img class="fique-olho" src="fique-olho.png" alt=""> </nav> </header>
CSS: } #menuHeader { position: relative; width: 100%; height: 50px; background-color: #2D3F50; } #menuHeader ul { width: 960px; margin: 0 auto; list-style: none; } #menuHeader ul li { float: left; } #menuHeader ul li a { padding: 15px 30px; line-height: 50px; border-left: 1px solid #464A4E; border-right: 1px solid #0E3457; text-decoration: none; color: #fff; } #menuHeader ul li:first-child a { border-left: 0; } #menuHeader ul li:last-child a { border-right: 0; } #menuHeader ul li a:hover { background-color: #4aa6e0; } .menu-fixo { position:fixed !important; top: 0; z-index: 99; }
jquery: <script src="jquery-1.11.1.min.js"></script> <script> $(function(){ var nav = $('#menuHeader'); $(window).scroll(function () { if ($(this).scrollTop() > 150) { nav.addClass("menu-fixo"); } else { nav.removeClass("menu-fixo"); } }); }); </script>
Se eu abrir o arquivo fora da pasta do Wamp, que também está o WordPress, funciona. Se for abrir dentro da pasta, nada funciona.
Como resolver esse problema? Agradeço desde já qualquer ajuda …
Visualizando 3 respostas - 1 até 3 (de um total de 3)
Visualizando 3 respostas - 1 até 3 (de um total de 3)
- O tópico ‘Chamar arquivo JQUERY’ está fechado para novas respostas.