引導下拉菜單中未顯示在鼠標懸停/點擊

-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

引導下拉菜單中未顯示在鼠標懸停/點擊

回答

相關問題