2016-11-24 5 views
0

Ich habe die Foundation 6 heruntergeladen, der ZIP-Ordner kommt mit foundation.js, foundation.min.js jquery.js, foundation.css, foundation.min.css. Ich versuche Dropdown-Tasten zu implementieren, aber sie funktionieren nicht und ich weiß nicht warum.Zurb Foundation 6: Dropdown-Buttons und Links funktionieren nicht

<html> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
     <title>Home</title> 
     <link rel="stylesheet" href="../css/foundation.css"/> 
     <script src="../js/vendor/jquery.js"></script> 
     <script src="../js/vendor/foundation.js"></script> 
    </head> 

    <body> 
     <script>$(document).foundation();</script> 
     <button href="#" data-dropdown="drop1" aria-controls="drop1" aria-expanded="false" class="button dropdown">Dropdown Button</button><br> 
     <ul id="drop1" data-dropdown-content class="f-dropdown" aria-hidden="true"> 
      <li><a href="#">This is a link</a></li> 
      <li><a href="#">This is another</a></li> 
      <li><a href="#">Yet another</a></li> 
     </ul> 
    </body> 
</html> 

Ich weiß wirklich nicht, warum das nicht funktioniert. Bitte hilf mir!

(Anmerkung: die Drop-Down-Code oben war Auszug aus der oficial Dokumentation Website http://foundation.zurb.com/sites/docs/v/5.5.3/components/dropdown_buttons.html)

Antwort

0

Sie Code relevant zu verwenden Fundament 5.5.3, aber auf den Grund 6 Core-Dateien. Überprüfen Sie diesen Link als Referenz: http://foundation.zurb.com/sites/docs/button.html

Überprüfen Sie auch Ihre Entwickler-Tools, wenn foundation.min.js geladen wird und keine Fehler in der Konsole.

+0

Ja, ich sah. Mein Problem wurde gelöst. Ich habe Hilfe in den Foren der Foren bekommen. Mein Ziel war es, eine mehrseitige Website mit demb zu erstellen, aber ich habe gelernt, das alleine zu machen, indem ich einfach ein paar Dinge in meinem Code teste. Wie auch immer, Danke für die Hilfe. –

Verwandte Themen