Foundation 6 - 单击时下拉项目不会激活链接

Question

上下文：我使用 Foundation 6 创建了一个顶栏菜单（在 docs 之后），它在大屏幕上水平显示，在中等和向下时作为响应式垂直菜单。有一个带有子项的项目在大屏幕上显示为下拉菜单，在中屏及以下屏幕上显示为向下钻取菜单。

我使用 Zurb 'Yeti Launch' 应用程序创建了该网站，据我所知，我已包含所有 js 库。

问题：当下拉父项或任何子项被单击时，没有任何反应。非常感谢任何帮助了解这一点！

我对菜单的降价如下：

<div class="top-bar" id="main-menu">
    <div class="row">
      <div class="large-12 columns">
        <div class="top-bar-left">
          <ul class="menu vertical large-horizontal" data-responsive-menu="drilldown large-dropdown">
            <li><a href="/index.html">Home</a></li>
            <li><a href="#">What's On</a></li>
            <li><a href="/listen-again.html">Listen Again</a></li>
            <li><a href="#">Community</a></li>
            <li>
              <a href="/brochure.html">About</a>
              <ul class="menu vertical">
                <li><a href="/presenters.html">Presenters</a></li>
                <li><a href="">Volunteers</a></li>
                <li><a href="">The Board</a></li>
              </ul>
            </li>
            <li><a href="/brochure.html">Get Involved</a></li>
            <li><a href="/contact.html">Contact</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>

Answer 1

你添加了初始化代码吗？

$(document).foundation();

具有与您提供的相同 HTML 的 CodePen 示例有效。 http://codepen.io/shoaibik/pen/PNravB

更新： 看来您可以在 app.js 文件中第二次调用 Foundation JS 和 jQuery，请删除一次实例并再次确认。