我目前正在评估 Zurb Foundation 并尝试创建一个带有菜单的顶部栏。不知何故，我的下拉菜单中的链接不起作用，所以我选择了基本的:
我下载了 zip，获取了他们的 index.html 并将内容替换为来自 top bar documentation 的示例.删除示例中不需要的所有内容后，我得到了:
<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<nav class="top-bar" data-topbar role="navigation">
<section class="top-bar-section">
<ul class="right">
<li class="has-dropdown">
<a href="#">Go to</a>
<ul class="dropdown">
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://www.yahoo.com">Yahoo!</a></li>
</ul>
</li>
</ul>
</section>
</nav>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>
这有效:菜单打开(悬停时)，我可以单击链接。但是如果我删除 JavaScript 初始化
$(document).foundation();
菜单仍然打开(但现在只在单击而不是悬停后打开)，当我将鼠标悬停在菜单条目上时，状态栏会显示相应的链接，但单击它们不会执行任何操作。
我以为我们已经结束了我们需要 JavaScript 来做最基本的事情。我的意思是，现在我们甚至可以不用 JavaScript 来制作动画，但在这里我什至无法打开链接？我是在做错什么还是这是真正有意的行为？作为 NoScript 用户，这对我来说是不可能的。
最佳答案
是的，你是对的。如果没有 JavaScript，ZURB Foundation 中的这些功能将无法使用。此外，如果没有 JavaScript，移动菜单也无法正常工作，因此您肯定需要 JavaScript 才能使顶部栏正常工作。
对了，在Foundation documentation可以看到JS图标在每个需要 JavaScript 才能正常工作的 Foundation 元素旁边 - Top Bar 有它。
关于javascript - Zurb Foundation 5 中没有 JavaScript 的情况下顶部栏是否工作？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28315977/