Javascript 引导下拉菜单未在鼠标上显示/单击

以下是下拉部分的HTML：

<li class="dropdown">   
    <a class="dropdown-toggle" href="/contact-us">Contact Us <i class="fa fa-angle-down hidden-xs hidden-sm"></i></a>
    <a class="visible-xs visible-sm dropdown-menu-xs" href="#" data-toggle="dropdown"><i class="fa fa-angle-right"></i></a> 
    <ul class="dropdown-menu">
        <li><a href="/contact-us/testpage">testpage</a></li>                        
        <li><a href="/contact-us/testpage2">testpage2</a></li>                          
    </ul>
</li>

它看起来就像这样：

当我将鼠标滑过它时，不会发生任何事情，单击它会进入“联系我们”页面

我应该有所有必要的JS文件：

<script src="/js/plugins/jquery.1.11.0.js"></script>
<script src="/js/plugins/bootstrap.min.js"></script>
<script src="/js/plugins/bootstrap-dialog.min.js"></script>
<script src="/js/owl.carousel.js"></script>
<script src="/js/custom.js"></script>
<script src="/js/validate.js"></script>
<script type="text/javascript" src="/js/plugins/sticky-tabs.min.js"></script>
<script src="/js/plugins/jquery.select2list.min.js"></script>

我不知道我会错在哪里

编辑-在控制台中获取此错误：

但不确定是什么原因导致了这种情况，因为里面没有HTML

<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Contact Us <i class="fa fa-angle-down hidden-xs hidden-sm"></i></button>
  <ul class="dropdown-menu">
    <li><a href="#">HTML</a></li>
    <li><a href="#">CSS</a></li>
    <li><a href="#">JavaScript</a></li>
  </ul>
</div>

联系我们

工作小提琴

---

代码中几乎没有错误

您没有给您的按钮提供id

按钮中缺少数据切换=“下拉列表”

您没有在ul中使用aria labelledby属性

签出此代码段

请检查控制台是否有错误您是否在

body

标记末尾或

head

标记末尾之前加载

jquery

，检查HTMLook中的可见和隐藏类，就像您的js没有加载一样。如果导航到

yoursite.com/js/plugins/bootstrap.min.js会发生什么？不应该是重复的，我在bootstrap，min.js之前加载jquery。DavidG，bootstrap.min.js如果我导航到它就可以了。