zurb-foundation - Zurb Foundation 5 切换顶栏不工作

Question

刚刚切换我的 Rails 项目以测试 Zurb Foundation 5，现在切换顶部栏菜单不起作用。

当视口(viewport)很小时，顶部栏菜单项消失并且菜单图标像以前一样显示，但是当我单击菜单图标时没有任何 react 。

我有以下代码来显示顶栏菜单。

<nav class="top-bar">
  <ul class="title-area">
    <li class="name"></li>
    <li class="toggle-topbar menu-icon">
      <a>{href: "#"}
        <span>Menú</span></a>
    </li>
  </ul>
  <section class="top-bar-section">
    <ul class="left">
      <li>
        <a class="i fi-home">{href: "/ui/home"}
          &nbsp;Inicio</a></li>
      <li>
        <a>{href: "/ui/wine_reviews"} Críticas de Vinos</a></li>
      <li>
        <a>{href: "/ui/wine_tastings"} Catas y Maridajes</a></li>
      <li>
        <a>{href: "/ui/blogs"} Noticias</a></li>
    </ul>
    <ul class="right">
      <li>
        <a>{href: "#"}
          <i class="fi-lock"></i>
          &nbsp;Club TastaVi</a></li>
    </ul>
  </section>
</nav>

这是我的网格中包含的顶部栏菜单。

Answer 1

顶栏也有同样的问题。在将 zurbs 代码与我的代码进行比较后，我注意到了不同之处。

<nav class="top-bar" data-topbar>

我错过了数据顶部栏。添加该矿顶栏后，该顶部栏开始正常工作。