引導下拉菜單不起作用

我在引導下拉菜單時遇到了一些麻煩。我瀏覽了這裏的其他問題，但沒有找到適合我的答案。下面是HTML頭引導下拉菜單不起作用

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> 
<html xmlns='http://www.w3.org/1999/xhtml'> 
<head> 
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> 
<title>On-Demand Reporting</title> 
<link rel="stylesheet" type="text/css" href="styles/gridinator.css"> 
<link rel="stylesheet" type="text/css" href="styles/bootstrap.css"> 
<link rel="stylesheet" type="text/css" href="styles/style.css"> 
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script src="scripts/bootstrap.js" type="text/javascript"></script> 
<script src="scripts/jquery.tabify.js" type="text/javascript"></script> 
</head>

我做了仔細記bootstrap.js

之前鏈接到JQuery的下面是按鈕的代碼。這個標記是從引導程序3文檔幾乎完全採取的

<button type="button" class="btn btn-default dropdown pull-right" data-toggle="dropdown"> 
    User <span class="caret"></span> 
</button> 
<ul class="dropdown-menu active" role="menu"> 
    <li><a href="#">Change Password</a></li> 
    <li><a href="#">Logout</a></li> 
</ul>

然後，腳本調用下拉。

<script> 
    $("document").ready(function() { 
    $(".dropdown").dropdown(); 
    }); 
</script>

如果有人能幫我弄清楚我在這裏錯過了什麼，我會非常感激。謝謝！

來源

2013-10-28 salxander

您需要使用具有.dropdown類

您還需要從button刪除.pull-right並將其應用到.dropdown

<div class="dropdown pull-right"> 
<button type="button" class="btn btn-default dropdown" data-toggle="dropdown"> 
    User <span class="caret"></span> 
</button> 
<ul class="dropdown-menu active" role="menu"> 
    <li><a href="#">Change Password</a></li> 
    <li><a href="#">Logout</a></li> 
</ul> 
</div>

例的元素來包裝整個下拉菜單：http://jsfiddle.net/52VtD/404/

來源

2013-10-28 15:32:29 412

謝謝，但這不是爲我工作，我也不能讓它在你的小提琴工作... – salxander

jsfid中'拉左'，而不是'拉右' dle，因爲它覆蓋了jsfiddle窗口中的返回按鈕，並且按鈕不起作用 – keeg

謝謝你們。它在小提琴中工作，但我已經將這個確切的標記翻譯成我的網站，它仍然無法正常工作。這很令人沮喪，因爲我在另一個網站上有完全相同的工作。我不知道。 – salxander

引導下拉菜單不起作用

回答

相關問題