Suporte » Ajustando o WordPress » 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)
  • Primeiro vc deve saber que o WP já utiliza jQuery e vc pode utilizá-lo sem fazer o sistema “baixar” de novo o mesmo.

    Segundo: Verifique o caminho do .js, deve estar errado.

    Moderador Míriam de Paula

    (@miriamdepaula)

    Como o Walter falou acima, o WP já chama um jQuery por padrão. Verifica se ele já não está sendo adicionado no seu tema, caso contrário, poderá causar conflitos!

    Caso não esteja sendo chamado, o seu código contem um problema:

    Onde está:
    <script src="jquery-1.11.1.min.js"></script>

    Deveria estar assim:
    <script src="<?php bloginfo('template_url')?>/js/jquery-1.11.1.min.js"></script>

    Note que eu coloquei um ‘/js/’ ali, pois é o lugar onde todos os arquivos .js deveriam estar num tema.

    Abs.
    Miriam

    Criador do tópico Kleyton Renato

    (@kleyton-renato)

    Ok. Irei testar. Muito obrigado …

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • O tópico ‘Chamar arquivo JQUERY’ está fechado para novas respostas.