Zurb Foundation 5 中没有 JavaScript 的情况下顶部栏是否工作？

Question

我目前正在评估 Zurb Foundation 并尝试创建一个带有菜单的顶部栏。不知何故，我的下拉菜单中的 links 不起作用，所以我选择了基本的：

我下载了 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>

有效：菜单打开（悬停时），我可以单击 link。但是如果我删除 JavaScript 初始化

$(document).foundation();

菜单仍然打开（但现在只有在单击而不是悬停之后）并且当我将鼠标悬停在菜单条目上时，状态栏显示适当的 links 但点击它们没有任何作用.

我以为我们已经结束了我们需要 JavaScript 来做最基本的事情。我的意思是现在我们甚至可以在没有 JavaScript 的情况下制作动画，但在这里我什至无法打开 link？我是在做错什么还是这是真正有意的行为？作为 NoScript 用户，这对我来说是不可能的。

Answer 1

是的，你是对的。没有 JavaScript，ZURB Foundation 中的这些功能将无法使用。此外，移动菜单在没有 JavaScript 的情况下也无法正常工作，因此您肯定需要 JavaScript 才能使顶部栏正常工作。

顺便说一句，您可以在每个需要 JavaScript 才能正常工作的 Foundation 项目旁边的 Foundation documentation 中看到 JS 图标 - 顶部栏有它。

Zurb Foundation 5 中没有 JavaScript 的情况下顶部栏是否工作？

Does top bar work without JavaScript in Zurb Foundation 5?

html

javascript

css

zurb-foundation