Gen*_*ser 4 css jquery html5 zurb-foundation
我刚刚下载了Foundation 5 CSS框架并复制了教程的代码,但下拉列表似乎不起作用,以及"移动"视图中的菜单.
我的代码:
<html>
<head>
<link rel="stylesheet" href="css/foundation.css" />
<script src="js/vendor/modernizr.js"></script>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.topbar.js"></script>
<script> $(document).foundation(); </script>
</head>
<body>
<!-- header -->
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="#">My Site</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="active"><a href="#">Right Button Active</a></li>
<li class="has-dropdown">
<a href="#">Right Button Dropdown</a>
<ul class="dropdown">
<li><a href="#">First link in dropdown</a></li>
</ul>
</li>
</ul>
<!-- Left Nav Section -->
<ul class="left">
<li><a href="#">Left Nav Button</a></li>
</ul>
</section>
</nav>
</body>
</html>
任何人都知道为什么它不起作用？
尝试将以下代码从标题移动到正文中:
<script>
$(document).foundation();
</script>
| 归档时间： |
|
| 查看次数： |
4273 次 |
| 最近记录： |