Ir para conteúdo
Djwagg

Menu dropdown - MATERIALIZE [Resolvido]

Recommended Posts

Boa noite pessoal estou com um problema em um menu que estou criando:

segue codigo

<nav class="blue-grey darken-4" role="navigation">
    <div class="nav-wrapper container">
        <a href="principal.php" class="brand-logo"><i class="material-icons">local_shipping</i>GR</a>
        <!-- Dropdown Structure -->
        <ul id="dropdown2" class="dropdown-content">
          <li><a href="edita-usuario.php?id=<?php echo $dados['usu_Id']; ?>">Meus dados</a></li>
          <li><a href="novo-usuario.php">Cadastrar</a></li>
          <li><a href="usuarios.php">Listar</a></li>
          <li><a href="empresa.php">Empresa</a></li>
          <li class="divider"></li>
          <li><a href="action/sair.php">Sair</a></li>
        </ul>
        <ul id="dropdown1" class="dropdown-content">
          <li><a href="#">Vendas</a></li>
          <li><a href="#">Estoque</a></li>
          <li><a href="#">Romaneios</a></li>
        </ul>

        <!-- MENU DESKTOP -->
        <ul class="right hide-on-med-and-down">
            <li><a href="#!">Fornecedores</a></li>
            <li><a href="#!">Clientes</a></li>
            <li><a href="#!">Transportadores</a></li>
            <!-- Dropdown Trigger -->
            <li><a href="#!" class="dropdown-button" data-target="dropdown1">Produtos<i class="material-icons right">arrow_drop_down</i></a></li>
            <li><a href="#!" class="dropdown-button" data-target="dropdown2">Settings<i class="material-icons right">arrow_drop_down</i></a></li>
        </ul>

        <!-- MENU MOBILE -->
        <ul id="nav-mobile" class="sidenav">
            <li><a href="#!">Fornecedores</a></li>
            <li><a href="#!">Clientes</a></li>
            <li><a href="#!">Transportadores</a></li>
            <!-- Dropdown Trigger -->
            <li><a href="#!" class="dropdown-button" data-target="dropdown1">Produtos<i class="material-icons right">arrow_drop_down</i></a></li>
            <li><a href="#!" class="dropdown-button" data-target="dropdown2">Settings<i class="material-icons right">arrow_drop_down</i></a></li>
        </ul>
        <a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
    </div>
</nav>

O menu Mobile funciona o Dropdown porem no desktop ja não funciona, alguém sabe o por que??

Compartilhar este post


Link para o post
Compartilhar em outros sites

resolvido! caso alguem tenha algum problema parecido

 

 $('.dropdown-button').dropdown({
      container: document.body
    });

separei o Js dessa forma e deu certo!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Augusto A.S
      Galera, estou penando em um clique de um `<button>`, peço a ajuda de vocês.
       
      Preciso que, assim que um `button` da classe `btn-remove` for clicado, o valor de seu `data-id` seja pego e enviado como parâmetro para uma função no PHP. Segue abaixo os códigos:
       
      Função PHP:
       
      function removerComentario( $id ) { $deleta = $PDO->prepare("DELETE comentario FROM comentarios WHERE idcomentario = :idcomentario"); $deleta->bindValue(':idcomentario', $id); $deleta->execute(); }  
      $lista = $PDO->query("SELECT convidado.nome, comentarios.comentario, comentarios.idcomentario FROM convidado INNER JOIN comentarios ON convidado.idconvidado = comentarios.idconvidado ORDER BY idcomentario"); while ($rows = $lista->fetch()){ $nome_cmt = $rows['nome']; $coment_cmt = $rows['comentario']; $id_coment = $rows['idcomentario']; printf("<li>$nome_cmt disse: <button class='btn-remove' data-id='$id_coment'>Deletar</button> <br> $coment_cmt </li>"); } SCRIPT:
      <script> $('.btn-remove').click(function(){ var id = $(this).data('id'); $.ajax({ url: "comentario.php", data: { //aqui preciso que o valor do $id da função lá em cima seja igual à var id da segunda linha desse script. }, datatype: "json", type: "POST", success: function (data) { //aqui não entendi, para esse caso, o que devo colocar } }); }); </script> Basicamente o valor não está sendo pego, está dando erro no "$" do "$('btn_remove')", na parte do SCRIPT.
    • Por Victoria Scholte
      Pessoal, 
      estamos tentando inserir um video com fundo transparente no site, mas quando fazemos isso ou ele não aceita por estar pesado (quando testamos arquivos .mp4) ou ele cria um fundo preto ou branco (quando testamos arquivos .mov).
      Precisava uma forma de compactar mantendo o fundo transparente e conseguir rodar.
       
      Alguém sabe como resolver?
    • Por tales22
      Estou com dificuldade de passar os scripts feito no scratch para uma linguagem de programação.

    • Por Mupthon
      Olá, boa tarde a todos.
      Queria uma ajuda estou desenvolvendo um site para uma barbearia (meu tcc) e estou enfrentando um problema, minhas divs tem espaços brancos entre elas, aqui o codigo:
      HTML
       
      CSS:
       
       
       
      Aqui estao fotos do meu site e os espacos.
      https://imgur.com/a/YU5xJK9
      https://imgur.com/a/gUnamUZ
      https://imgur.com/a/16brr75
      https://imgur.com/a/KDgWCbf

×

Informação importante

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