HTML - Dropdown - materialize

 
Vista:
Imágen de perfil de Jose
Val: 2
Ha aumentado su posición en 9 puestos en HTML (en relación al último mes)
Gráfica de HTML

Dropdown - materialize

Publicado por Jose (1 intervención) el 12/04/2019 22:17:15
Buenas tardes, estoy usando materialize, y tengo la necesidad de desplegar un dropdown con sus diferentes opciones:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    </head>
    <body>
        <div class="container">
        <a class='dropdown-button btn' href='#' data-activates='dropdown1'>Drop Me!</a>
            <ul id='dropdown1' class='dropdown-content'>
                <li><a href="#!">one</a></li>
                <li><a href="#!">two</a></li>
                <li class="divider"></li>
                <li><a href="#!">three</a></li>
            </ul>
        </div>
 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
    </body>
</html>

El poblema es que las opciones no me aparecen, ayuda porfavor.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Dropdown - materialize

Publicado por Daniel (1 intervención) el 09/08/2019 22:26:09
Te falto inicializar la animacion, añade la siguiente linea en tu codigo antes de la etiqueta de cierre del body:
1
2
3
4
5
<script>
        $(function () {
            $('.dropdown-trigger').dropdown();
        });
</script>

Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar