Question

我最近切换到使用Foundation 6，并且在关于构建顶部栏的文档中的示例中，我发现子菜单上的链接不起作用。我看到这个问题是在this issue的github上提出来的，但是我还不清楚在Foundation 6中处理子菜单链接的目的是什么。这是我在文档中使用的例子，没有一个子菜单下的链接：

<div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
  <button class="menu-icon" type="button" data-toggle></button>
  <div class="title-bar-title">Menu</div>
</div>

<div class="top-bar" id="example-menu">
  <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

所以我刚用the foundation-sites github page的v6.0.4替换了foundation.js文件（我从主站点下载的v6.0.1），链接按预期工作，显然是v6.0.4修好了这个。

如何在Foundation 6的顶部栏子菜单上启用链接

1 个答案: