Foundation 6 顶部栏下拉菜单不起作用 不起作用

Question

我直接从他们的网站https://foundation.zurb.com/sites/docs/top-bar.html 复制了基础导航栏语法，但下拉菜单功能似乎不起作用

代码如下：

<div class="top-bar">
  <div class="top-bar-left">
    <ul class="dropdown menu" data-dropdown-menu>
      <li class="menu-text">Site Title</li>
      <li>
        <a href="#">One</a>
        <ul class="menu vertical">
          <li><a href="#">One</a></li>
          <li><a href="#">Two</a></li>
          <li><a href="#">Three</a></li>
        </ul>
      </li>
      <li><a href="#">Two</a></li>
      <li><a href="#">Three</a></li>
    </ul>
  </div>
  <div class="top-bar-right">
    <ul class="menu">
      <li><input type="search" placeholder="Search"></li>
      <li><button type="button" class="button">Search</button></li>
    </ul>
  </div>
</div>

这就是它的样子

Answer 1

确保初始化基础：

$(document).foundation();

Answer 2

我有同样的问题 -

这似乎是 Foundation 6.2 ~ 6.4 的一个已知问题 - 至少对于使用 Foundation-rails gem 的 Rails 应用程序而言。

修复是更新foundation_and_overrides.scss包含顺序，移动

@include foundation-dropdown-menu;

根据here到底部