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 第二次，请删除一次实例并再次确认。

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

Foundation 6 - Dropdown items do not activate links when clicked

html

javascript

css

jquery

zurb-foundation