Javascript 基础6 -下拉项目不激活链接时点击 上下文：我使用基础6创建了一个顶部条形菜单（后面跟着），它在大屏幕上水平显示，并作为中、下响应的垂直菜单。有一项包含子项，在大屏幕上显示为下拉菜单，在中屏幕及以下屏幕上显示为下拉菜单

我使用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>

是否添加了初始代码

$(document).foundation();

使用与您提供的相同HTML的CodePen示例有效。

更新：

---

它看起来像是在App.js文件中第二次调用基金会JS和jQuery，请删除一个实例并再次确认。

要清楚，菜单看起来应该做的，但是链接是不可点击的。如果有可用的代码或完整的代码，您可以发布站点的URL吗？我已经更新了答案，请删除一个文件实例，然后重试。