Javascript 如何修复TopBar下拉菜单链接不工作在基础6 我从来没有使用基础6之前和之后建立一个完整的网站上，我意识到链接在我的TopBar的下拉菜单不起作用。我到处寻找这个问题的答案，我看到了很多不同的答案。有人说要下载一个新版本的Primtual.M.js，有人说要下载一个新版本的Primo.TopBar .js，其他人认为这个问题是无法解决的。p>

下面是一些代码（我的网站可以在上找到，这样你就可以自己看到我所说的链接不起作用的意思）

顶条码

    <!--Navigation-->
    <div class="title-bar" data-responsive-toggle="main-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="main-menu">
  <div class="top-bar-left">
    <ul class="dropdown menu" data-dropdown-menu>
      <li><a href="#">Home</a></li>
    </ul>
  </div>
  <div class="top-bar-right">
    <ul class="menu vertical medium-horizontal" data-responsive-menu="drilldown medium-dropdown">
      <li class="has-submenu">
        <a href="#">About</a>
        <ul class="submenu menu vertical" data-submenu>
          <li><a href="#">Blog</a></li>
          <li><a href="#">Portfolio</a></li>
        </ul>
      </li>
      <li class="has-submenu">
        <a href="#">Services</a>
        <ul class="submenu menu vertical" data-submenu>
          <li><a href="#">Pricing</a></li>
          <li><a href="#">Custom Blog Design</a></li>
          <li><a href="#">Custom Web Design</a></li>
           <li><a href="#">Pre-Made Templates</a></li>
         <li><a href="#">Branding Packages</a></li>
        <li><a href="#">Web-Hosting</a></li>
        </ul>
      </li>
      <li class="has-submenu">
        <a href="#">Courses</a>
        <ul class="submenu menu vertical" data-submenu>
          <li><a href="#">Perfect Your Business Plan</a></li>
      <li><a href="#">Kickstart Your Badass Online Business</a></li>
      <li><a href="#">Digital Innovator</a></li>
       <li><a href="#">More Courses</a></li>
        </ul>
      </li>
      <li class="has-submenu">
        <a href="#">Free</a>
        <ul class="submenu menu vertical" data-submenu>
          <li><a href="#">Kickstart Your Badass Business Checklist</a></li>
      <li><a href="#">FREE Course: Build a Better Business in 7 Days</a></li>
      <li><a href="#">Business Brainstorming Workbook</a></li>
      <li><a href="#/">8 Business Tools to Use</a></li>
        </ul>
      </li>
      <li><a href="#">Contact</a></li>
    </ul>
  </div>
</div>
<!-- /navigation -->

---

到目前为止，我已经尝试了各种方法来解决这个问题，现在我只是被卡住了。任何答案都将不胜感激！：）

似乎有两个问题：

在你的

app.js

中，移动

$（document.foundation（）内部
$（文档）.ready（函数（）{}）

解决

未捕获类型错误：$（…）。owlCarousel不是从
app.js
启动的函数，如果不使用，请添加owlCarousel插件或注释此代码

使用

foundation.js

（正常）或

foundation.min.js

（缩小），但如果两者相同，则不要同时使用

尝试一次删除一个插件，首先确定是哪个插件导致了导航问题

使用的插件的顺序似乎有问题。将其重新排列为，
一,

jquery.js

， 二,

what input.js

， iii.

foundation.min.js

， iv.

foundation.topbar.js

， 五,

foundation.offcanvas.js

vi.

app.js

根据您的评论，问题出在

foundation.js

中，并从中获取最新的解决方案

---

难道不是吗<代码>$（文档）.ready（函数（）{$（文档）.foundation（）；}）基础服务被调用在<代码> DOM>代码>就绪！我用你的代码更新了app.js文件，但它仍然不起作用。你还有什么建议吗？你的

app.js

中还有另一个问题。这一个：

uncaughttypeerror:$（…）。owlCarousel不是一个函数

如果不使用，请添加owlCarousel插件或注释此代码。此外，您还有

foundation.js

和

foundation.min.js

。他们不一样吗？如果两个都是相同插件（正常和缩小）的源代码，删除一个。@ PrkaskuMar，我看到，我删除了OWLCARSOLL插件并删除了基础插件的缩小版本。问题仍然存在。@Zobia Alvi，我已经发布了我的评论作为答案，如果我错了，请纠正我。太完美了！非常感谢你！我失去了基础。

<script src="../bower_components/jquery/dist/jquery.js"></script>
    <script src="../bower_components/what-input/what-input.js"></script>
    <script src="../bower_components/foundation-sites/dist/foundation.js"></script>
    <script src="../js/app.js"></script>
   <script src="../bower_components/foundation-sites/dist/foundation.min.js"></script>
  <script src="../js/foundation.topbar.js"></script>
<script src="../bower_components/foundation-sites/js/foundation.offcanvas.js"></script>

$(document).foundation();

$(document).ready(function() {

});