Dropdown materialize, aucune réaction

K3nix Messages postés 143 Statut Membre -
SKYMWebDev Messages postés 193 Statut Membre - 15 nov. 2016 à 15:18

Bonjour,

Je viens ici aujourd'hui pour vous présenter mon problème qui est le suivant :

j'ai réalisé la première page de mon portfolio en html j'y ai ajouté un menu de navigation ajouté des boutons et un dropdown celui ci a toujours marché sauf vers la fin (une fois que j'ai complété la page avec "mon parcours")

il est en ligne a l'adresse http://cappsim.fr

le problème étant le dropdown "Mes compétences" qui ne se déroule plus ainsi que le menu sandwich qui n'apprait plus lors de la navigation mobile

le code HTML :
https://pastebin.com/5VecrsA3

Le code CSS style.css

https://pastebin.com/pGdk96LJ

Afficher la suite

3 réponses

Réponse 1 / 3
K3nix Messages postés 143 Statut Membre 13

Et evidemment le JS que je n'ai pas oublié

https://pastebin.com/uLFAZG1U
0
Réponse 2 / 3
K3nix Messages postés 143 Statut Membre 13

Help S'il vous plait !
0

SKYMWebDev Messages postés 193 Statut Membre 176

Bonjour, voila mon code, fonctionne parfaitement... ;)

<!DOCTYPE html>
  <html>
    <head>
      <!--Import Google Icon Font-->
      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>

      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>

    <body>
      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script type="text/javascript" src="js/materialize.min.js"></script>

      <!-- Dropdown Trigger -->
      <a class='dropdown-button btn' href='#' rel="nofollow noopener noreferrer" target="_blank" data-activates='dropdown1'>Drop Me!</a>

      <!-- Dropdown Structure -->
      <ul id='dropdown1' class='dropdown-content'>
        <li><a href="#!" rel="nofollow noopener noreferrer" target="_blank">one</a></li>
        <li><a href="#!" rel="nofollow noopener noreferrer" target="_blank">two</a></li>
        <li class="divider"></li>
        <li><a href="#!" rel="nofollow noopener noreferrer" target="_blank">three</a></li>
      </ul>
      <script type="text/javascript">
              $('.dropdown-button').dropdown({
            inDuration: 300,
            outDuration: 225,
            constrain_width: false, // Does not change width of dropdown to that of the activator
            hover: true, // Activate on hover
            gutter: 0, // Spacing from edge
            belowOrigin: false, // Displays dropdown below the button
            alignment: 'left' // Displays dropdown with edge aligned to the left of button
          }
        );
      </script>
    </body>
  </html>

Dropdown materialize, aucune réaction

3 réponses

Discussions similaires

Newsletters