Zurb Foundation Dropdown fehlplatziert - zurb-foundation

Ich habe es versucht Zurb-Stiftung Dropdown. Ich habe alles aus der Zurb-Foundation-Dokumentation kopiert, aber ich sehe mein Drop-Down-Menü anders als in der Foundation-Dokumentation. Mein Dropdown-Menü ist fehl am Platz.


Auf Foundation doc: Auf Foundation doc http://image.free.in.th/v/2013/iy/140810073919.png


Meine Seite:

Meine Seite http://image.free.in.th/v/2013/ic/140810073900.png

Hier ist mein Testcode:

<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<div class="row">
<div class="large-12 columns">
<!-- Dropdown -->
<a href="#" data-dropdown="drop1">Has Dropdown</a>
<ul id="drop1" class="f-dropdown" data-dropdown-content>
<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>

</div>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>

Antworten:

1 für die Antwort № 1

Ihnen fehlt der Verweis auf das Dropdown-js

<script src="js/foundation/foundation.dropdown.js"></script>

http://foundation.zurb.com/sites/docs/v/5.5.3/components/dropdown.html


Am beliebtesten