引导下拉菜单中未显示在鼠标悬停/点击

-1

<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中有

来源

2015-09-28 Andy

请为 – guradio

你在HTML –

结束前检查可见和隐藏类错误检查控制台错误更新了原始帖子。我在头标签结束之前加载jquery。 –

-1

<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>

工作拨弄 https://jsfiddle.net/DTcHh/

来源

2015-09-28 09:57:47

-1

有在你的代码中很少有错误。

你没有给你的按钮id。
丢失数据切换按钮从
你是不是在UL使用ARIA-labelledby属性= “下拉菜单”。

结帐这段代码。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
 

 
<li class="dropdown"> 
 
    <a class="btn btn-default dropdown-toggle" id="dropdownMenu" data-toggle="dropdown">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" aria-labelledby="dropdownMenu"> 
 
     <li><a href="/contact-us/testpage">testpage</a></li>       
 
     <li><a href="/contact-us/testpage2">testpage2</a></li>       
 
    </ul> 
 
</li>

来源

2015-09-28 09:58:31

引导下拉菜单中未显示在鼠标悬停/点击

回答

相关问题