Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Confusão com JQuery


Ricardo Jordão

Pergunta

Galera boa tarde!

meu problema "segue da seguinte" forma:

tenho uma página principal index.php. nesta página tenho um menu usando Jquery. só que tenho um phpzinho chamando minhas outras páginas para o corpo da página pricipal. uma das páginas que será chamada é a home.php e nesta home.php possuo um slide de 4 imagens e também usa JQuery. agora o problema. quando habilito o JQuery do menu o JQuery do slide não funciona e assim Vice-versa. então estou tentando colocar os dois para funcionarem com apenas 1 JQuery mas não vai. como faço pra colocar pra funcionar?

Ricardo Jordão

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

então meu velho, obrigado por se interessar por me ajudar. não tem muita coisa não é apenas isso que falei acima.

na página principal contém uma JQuery que controla o efeito do meu horizontal. o script do javascript está funcionando normal. o problema é no JQuery. já coloquei a versão mais atual. mas não funciona os dois no mesmo tempo. coloquei um include do home. mas os scripts externos estão todos na principal.

segue o código da página principal.

<!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>Suzana Andrade Arquitetura</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="screen">
     
    
     <script type="text/javascript" src="js/jquery.js"></script> 
    <script type="text/javascript" src="js/menu/jquery.easing.min.js"></script>
    <script type="text/javascript" src="js/menu/jquery.lavalamp.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#1").lavaLamp({
                fx: "backout", 
                speed: 900,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>
     <script type="text/javascript">var _siteRoot='index.php',_root='index.php';</script>
     <script type="text/javascript" src="js/slide/scripts.js"></script>
    
</head>

<body>
<div class="topo">
<div class="fundo_logo">
<h1><a href="index.php" title="Suzana Andrade - Arquitetura">Suzana Andrade - Arquitetura</a></h1>
</div>
<ul class="lavaLampWithImage" id="1">
    <li><a href="?pg=home" title="Página Inicial">Home</a></li>
    <li><a href="#" title="Nossos Trabalhos">Portif&oacute;lio</a></li>
    <li><a href="#" title="Perfil">Perfil</a></li>
    <li><a href="#" title="Sobre Nós">Empresa</a></li>
    <li><a href="#" title="Localização">Localiza&ccedil;&atilde;o</a></li>
    <li><a href="#" title="Fale Conosco">Contato</a></li>
       
</ul>
</div>
<div class="corpo">
<?php
include "paginas.php";
 ?>
</div>
<div class="footer">

</div>

</body>
</html>
e agora o código da página home
<!--/top-->
  <div id="header"><div class="wrap">
   <div id="slide-holder">
<div id="slide-runner">
    <a href=""><img id="slide-img-1" src="images/slide/nature-photo.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-2" src="images/slide/nature-photo1.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-3" src="images/slide/nature-photo2.png" class="slide" alt="" /></a>
     <a href=""><img id="slide-img-4" src="images/slide/nature-photo3.png" class="slide" alt="" /></a>
   <!-- <a href=""><img id="slide-img-5" src="images/nature-photo4.png" class="slide" alt="" /></a>-->
   <!--  <a href=""><img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /></a> -->
    <!-- <a href=""><img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /></a> -->
    <!--<a href=""><img id="slide-img-7" src="images/banner_suzana.png" class="slide" alt="" /></a> -->
    <div id="slide-controls">
     <!-- <p id="slide-client" class="text"><strong>post: </strong><span></span></p> -->
      <!-- <p id="slide-desc" class="text"></p> -->
      <p id="slide-nav"></p> 
    </div>
</div>
    
    <!--content featured gallery here -->
   </div>
   <script type="text/javascript">
    if(!window.slider) var slider={};slider.data=[/*{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},*/{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"}];
   </script>
  </div></div><!--/header-->

Editado por Ricardo Jordão
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...