Ir para conteúdo

Arquivado

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

dn.net7@gmail.com

Menu suspenso de Javascript não funciona

Recommended Posts

Tenho um menu suspenso que será aberto e recolhido quando o botão "menu-mobile" for clicado.
ele está funcionando perfeitamente fora, mas inserir na header.ph do site wordpress, e o menu não abre mais.
 
veja o código abaixo:
 
<!DOCTYPE html>
<!--[if gt IE 8]><!--> <html class="no-js pc " lan

<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<meta name="format-detection" content="telephone=no">

    <?php
    if ( ! function_exists( 'has_site_icon' ) || ! has_site_icon() ) {
	    $favicon = get_option( 'theme_favicon' );
	    if ( ! empty( $favicon ) ) {
		    ?><link rel="shortcut icon" href="<?php echo esc_url( $favicon ); ?>" /><?php
	    }
    }



    wp_head();
    ?>

<body <?php body_class(); ?>>

    <?php
    $rh_design_variation = INSPIRY_DESIGN_VARIATION;

    if ( 'classic' === INSPIRY_DESIGN_VARIATION ) {
get_template_part( 'assets/' . INSPIRY_DESIGN_VARIATION . '/partials/header' );    } elseif ( 'modern' === INSPIRY_DESIGN_VARIATION ) {
    }
    ?>
<!--<![endif]-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb18030">
    <link rel="stylesheet" href="https://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/bootstrap.min.css">
    <link rel="stylesheet" href="http://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/animate.css">
    <link rel="stylesheet" href="https://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/main.css">
    <script src="http://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/jquery-1.11.0.min.js"></script>
    <script src="http://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/jquery.appear.js"></script>
    <script src="http://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/main.js"></script>
    
	<!---For Font-Aswesome Icons -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	</head>
	
<body class="pg-home pg-hi">
    <div id="wrapper">
    <header id="header">
    <div class="container">

        <div id="logo"><a href="./"><img src="https://rrmartinsconsultoria.com.br/rrmartins/wp-content/uploads/2018/08/imobiliaria-em-santo-andre.png" alt="" /></a></div>

        <!--
(11) 2379-0459
-->
        <nav id="menu">
            <ul class="menu1 hidden-xs">
                <div class="main-menu"><a href="#" class="open-menu"><i class="fa fa-bars"></i><span class="numfav zero"></span> <span class="tmenu hidden-md">Menu</span></a></div>
                <ul class="menu2">
                    <li><a href="tel:(11) 4437-1529" ><i class="fa fa-whatsapp"></i> WhatsApp<br /><strong>(11) 4437-1529</strong></a></li>
                    <li><a href="tel:(11) 4427-5132" ><i class="fa fa-phone"></i> Ligue agora<br /><strong>(11) 4427-5132</strong></a></li>
                    <!--<li><a href="#" ><i class="fa fa-phone"></i> Ligue agora<br /><strong>(11) 2379-0445</strong></a></li>-->
                    <li><a href="#"><i class="fa fa-envelope-o"></i> Atendimento<br /><strong>Por E-mail</strong></a></li>
                    <!--<li><a href="#" class="open-aol"><i class="fa fa-comments"></i> Corretor<br /><strong>Online</strong></a></li>-->
                    <li><a href="#" class=""><i class="fa fa-home"></i> Anuncie<br/><strong>Seu Im贸vel</strong></a></li>
                </ul>
            </ul>
            <ul id="menu-mobile" class="visible-xs">
                <li><a href="#" class="open-menu"><i class="fa fa-bars fa-fw"></i></a></li>
                <li><a href="tel://4437-1529"><i class="fa fa-phone fa-fw"></i></a></li>
                <li><a href="tel://4427-5132" class="open-tel"><i class="fa fa-whatsapp fa-fw"></i></a></li>
                <li><a href="#"><i class="fa fa-heart-o fa-fw"></i></a></li>
               <!-- <li><a href="#" class="open-aol"><i class="fa fa-comments fa-fw"></i></a></li>-->
                <li><a href="#" class=""><i class="fa fa-home fa-fw"></i></a></li>
                <li><a href="contato"><i class="fa fa-envelope fa-fw"></i></a></li>
                <li><a href="#" class="open-busca"><i class="fa fa-search fa-fw"></i></a></li>
            </ul>
            <div class="menu">
                <ul>
                    <li><a href="./">Home</a></li>
                    <li><a href="https://rrmartinsconsultoria.com.br/rrmartins/finalidade/venda/" target="_parent">Venda</a></li><li><a href="#" target="_parent">Lancamentos</a></li><li><a href="#" target="_parent"><span class="base">Favoritos<span class="numfav zero"></span></span></a></li><li><a href="#" target="_parent">Locacao</a></li><li><a href="anuncie" target="_parent">Anuncie</a></li><li><a href="#" target="_parent">Blog</a></li><li><a href="#" target="_parent">Imobiliaria</a></li>   
                    <li><a href="#">Fale Conosco</a></li>
                </ul>
            </div>
        </nav>
    </div>

</header>     

</body>
</html>

Demonstração: http://hospebrasil.com/header/index

Site que quero que funcione https://rrmartinsconsultoria.com.br/rrmartins/

open menu.JPG

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
    • Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

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