我在网站上使用Bootstrap。我有一个设置了5个链接的导航栏。 5个中有3个有下拉菜单。第一个有下拉菜单不起作用。当您单击链接时，下拉列表显示正常，但悬停状态不起作用，单击链接时没有任何反应。如果我删除旋转木马，它工作正常。带下拉菜单的其他菜单选项不受影响，似乎只发生在第一个菜单选项中。
Bootstrap v3.0.0 jQuery v1.9.1
<div class="navbar-collapse collapse" id="main-nav">
<div class="ribbon-wrapper">
<div class="ribbon-front">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">About</a>
<ul class="dropdown-menu" role="menu">
<li><a href="about/index.html">About NEBC</a></li>
<li><a href="about/history.html">Firm History</a></li>
<li><a href="about/philosophy.html">Philosophy</a></li>
<li><a href="about/profiles.html">Profiles</a></li>
<li><a href="about/affiliations.html">Affiliations</a></li>
<li><a href="about/news.html">News</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Services</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Mergers & Acquisitions</a></li>
<li><a href="#">Capital Raising</a></li>
<li><a href="#">Strategic Consulting</a></li>
<li><a href="#">Business Valuation</a></li>
</ul>
</li> <!-- /.dropdown -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Experience</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Featured Transactions</a></li>
</ul>
</li> <!-- /.dropdown -->
<li><a href="#">Contact</a></li>
</ul>
</div> <!-- /.ribbon-front -->
<div class="ribbon-edge-topleft"></div>
<div class="ribbon-edge-topright"></div>
<div class="ribbon-edge-bottomleft"></div>
<div class="ribbon-edge-bottomright"></div>
<div class="ribbon-back-left"></div>
<div class="ribbon-back-right"></div>
</div> <!-- /.ribbon-wrapper -->