Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Waves não funcionam

Amigos, meus waves não estão funcionando. Deveriam funcionar clicando com o mouse no chrome, certo? Todo o restante funciona, como z-depth, por exemplo. Mas waves não.

Vejam meu código

<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <title>Só de Cenoura Garçom</title>
    <link rel="stylesheet" href="icons/material.css">
    <link rel="stylesheet" href="css/materialize.min.css">
    <link rel="stylesheet" href="css/estilos.css"> </head>

<body>
    <div class="topo-fixo z-depth-1">
        <div class="valign-wrapper yellow darken-4 white-text">
            <h5 class="titulo">Só de Cenoura</h5>
            <div><i class="material-icons waves-effect
                  waves-light waves-circle">more_vert</i> </div>
        </div>
        <ul class="tabs yellow darken-4">
            <li class="tab"><a href="#bolos" class="white-text waves-effect waves-light">Bolos</a></li>
            <li class="tab"><a href="#bebidas" class="white-text waves-effect waves-light">Bebidas</a></li>
        </ul>
    </div>
    <div id="bolos" class="section">
        <h6 class="container brown-text">Fatia</h6>
        <div class="collection"> <a class="collection-item waves-effect black-text">Só de cenoura</a> <a class="collection-item waves-effect black-text">Com Nutella</a> <a class="collection-item waves-effect black-text">De Brigadeiro</a> <a class="collection-item waves-effect black-text">Açucarado</a> </div>
        <h6 class="container brown-text">Inteiro</h6>
        <div class="collection"> <a class="collection-item waves-effect black-text">Só de cenoura</a> <a class="collection-item waves-effect black-text">Com Nutella</a> <a class="collection-item waves-effect black-text">De Brigadeiro</a> <a class="collection-item waves-effect black-text">Açucarado</a> </div>
    </div>
    <div id="bebidas" class="section">
        <h6 class="container brown-text">Cafés</h6>
        <div class="collection"> <a class="collection-item waves-effect black-text">Espresso</a> <a class="collection-item waves-effect black-text">Capuccino</a> <a class="collection-item waves-effect black-text">Mocachino</a> <a class="collection-item waves-effect black-text">Chocconhaque</a> </div>
        <h6 class="container brown-text">Sucos</h6>
        <div class="collection"> <a class="collection-item waves-effect black-text">Manga</a> <a class="collection-item waves-effect black-text">Goiaba</a> <a class="collection-item waves-effect black-text">Acerola</a> <a class="collection-item waves-effect black-text">Caipivodka</a> </div>
        <h6 class="container brown-text">Refris</h6>
        <div class="collection"> <a class="collection-item waves-effect black-text">Coca</a> <a class="collection-item waves-effect black-text">Dolly</a> <a class="collection-item waves-effect black-text">Baré</a> <a class="collection-item waves-effect black-text">Mate-Couro</a> </div>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/materialize.min.js"></script>
</body>

</html>

Agradeço pela ajuda. Renato

1 resposta
solução!

Pode deixar, eu mesmo já descobri o por que. Meu JQuery não foi carregado propriamente, porque o nome do arquivo estava errado na importação no index.html.

Valeu o/