Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lucas WRR

Mais de um script js/jquery na mesma página

Por , em Javascript

Recommended Posts

Lucas WRR    0

Lucas WRR
Postado

Olá! eu to com um problema aqui na minha página. É o seguinte, fiz um site em diversas partes (topo.php, sideBar.php, conteudo.php...), fiz um include em php do topo.php e sidebar.php na página conteudo.php. O que acontece é que todas as paginas tem scripts jquery e quando elas são incluidas uma na outra (como citei acima) nenhum script funciona.

 

Antes, todas as páginas chamavam o arquivo jquery.js, não funcionava nada. Agora só chamo o jquery.js na página conteudo.php (é nela que todas as outras páginas são chamadas) e mesmo assim não roda nenhum js...

 

Mas se eu deixar somente um(1) script jquery, ai esse funciona.

 

:huh: :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas WRR    0

Lucas WRR
Postado

E pra que vários jquery.js? Chame só um no head.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

hehe, esse que é o problema amigo. Chamando somente um jquery.js no head do conteudo.php, só irão rodar os scripts dá página conteudo.php, os scripts das outras que foram inclusas nem dão sinal de vida.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Foo Bar    0

Foo Bar
Postado

Deveria funcionar... vou dar um exemplo de estrutura, veja se você fez dessa forma (ou parecido):

 

topo.php

<!DOCTYPE html>
<html>
  <head>
    <script src="jquery.js" type="text/javascript"></script>
    <script src="scripts.js" type="text/javascript"></script>
  </head>
<body>

conteudo.php

<?php require "topo.php" ?>
<div id="conteudo">
 BLABLABLABLA
</div>
<?php require "footer.php" ?>

sidebar.php

<div id="sidebar">
lorem ipsum é para os fracos
</div>

footer.php

    <?php require "sidebar.php" ?>
  </body>
</html>

Outra coisa, você chegou a debugar o código pra ver se aparece algum erro?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas WRR    0

Lucas WRR
Postado

Vou postar as páginas aqui:

 

topo.php(não possui nenhum js)

<!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>Untitled Document</title>
<link href="../estilos/geral.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrap">
<!--abre topo-->
<div id="topo-total">

<div class="logo">
</div>

<div class="slogan">
<span>O slogan da sua empresa vai aqui</span>
</div>

<div id="menu">
<ul>
<?php 
include_once("../classes-php/controlaMenu.php");
?>
</ul>
</div>

<div id="base-topo">
<span>CineFrame >> Blue-Ray</span>
</div>

</div>
<!--fecha topo-->
</body>
</html>

sideBar.php (possui js mas não chama o jquery.js)

<!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" />
<link href="../estilos/geral.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function(){
 $("#busca-f form").hide();
});
</script>
<title>Untitled Document</title>
</head>

<body>
<!--abre sideBar-->
<div id="sideBar">

<div id="menu-p">
<div class="titulo">Menu Principal</div>
<ul>
<li><a href="#">Filmes</a></li>
<li><a href="#">Blue-Ray</a></li>
<li><a href="#">Trailers</a></li>
<li><a href="#">Lançamentos</a></li>
<li><a href="#">Faça um pedido</a></li>
<li><a href="#">Busca filtrada</a></li>
<li><a href="#">Mais informações</a></li>
<li><a href="#">Sobre</a></li>
<li><a href="#">Contato</a></li>
</ul>
</div>

<div id="busca-f">
<a href="#" title="Clique para mostrar"><div class="titulo">Busca Filtrada</div></a>
<form action="" method="post">

<label>Gênero</label>
<select name="genero" size="1">
<option value="0">Selecione uma opção</option>
</select>

<label>Ano de lançamento</label>
<select name="ano" size="1">
 <option value="0">Selecione uma opção</option>
</select>
<label>Pais</label>
<select name="pais" size="1">
<option value="0">Selecione uma opção</option>
</select>

<label>Método de linguagem</label>
<select name="idioma" size="1">
<option value="0">Selecione uma opção</option>
</select>

<label>Palavras chave</label>
<input type="text" name="palavrasChave"/>

<input class="bt" type="submit" value="OK" />

</form>
</div>

</div>
<!--fecha sidebar-->
</body>
</html>

 

conteudo.php (esse chama o jquery.js para as paginas incluidas. E esse possui script js)


<!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></title>
<link href="../estilos/geral.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../classes-js/jquery-1.4.js"></script>
<script type="text/javascript" src="../classes-js/jslider.js"></script>
<script type="text/javascript">
$(function() {
			$(".slider").jslider({
				btnNext: ".prox",
				btnPrev: ".anteri"
			})
		});
</script>
</head>

<body>
<div id="wrap">
<!--topo-->
<?php
include("topo.php");
?>

<div id="conteudo-t">
<!--sidebar-->

<?php
include("sideBar.php");
?>
<!--imgs-->
<div id="caixa-img">
<img src="../imagens/anteri.png" id="anteri" class="anteri" /><img src="../imagens/prox.png" id="prox" class="prox" />
<div class="slider">
<ul>
<li><img class="slider" src="../fotos-galeria/01.png" /></li>
<li><img class="slider" src="../fotos-galeria/02.png" /></li>
<li><img class="slider" src="../fotos-galeria/03.png" /></li>
</ul>
</div>
</div>

<!--pagina-->

<!--fecha pagina-->

</div>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas WRR    0

Lucas WRR
Postado

O que eu acho que ta acontecendo é o seguinte:

 

Página conteudo.php

chama jquery.js

executa um efeito jquery

 

 

include_once("sideBar.php");

 

 

Página sideBar.php

NÃO chama jquery.js , pois a pagina conteudo.php já chamou

executa um efeito jquery

 

 

O problema é que a página sideBar.php não enxerga o jquery.js incluido pela página conteudo.php!

 

Ai, o script da sideBar não funciona...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas WRR    0

Lucas WRR
Postado

Vou começar a escrever o site do zero, como no exemplo do Lenon.

 

Que geito é o mais correto de se montar um site: em partes ou fazer uma página só?

 

Se for: em partes, qual é o modo mais prático de se fazer isso? vocês fazem uma página inteira e depois recortam ela e vão salvando em novos arquivos?

 

é isso ai pessoal, valeu pela ajuda.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito