javascript - 基金会 6 : Responsive Toggle no working

Question

我非常喜欢 Foundation 5，现在我正在尝试使用 Foundation 6 作为我的标准。但是我在响应式切换(导航)方面遇到了问题。如你所见here ，移动导航始终可见且没有内容。

这是我的 HTML:

菜单

<div class="top-bar" id="main-navigation">
  <div class="top-bar-left">
    <ul class="dropdown menu" data-dropdown-menu>
      <li class="menu-text">Site Title</li>
      <li class="has-submenu">
        <a href="#">One</a>
        <ul class="submenu menu vertical" data-submenu>
          <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

你不是adding 基金会 默认的js 和css 文件。首先，您需要正确添加它。

不过你可以试试下面的css

.dropdown.menu .has-submenu:hover .submenu {
  display:block;
}

希望对你有帮助。