2015-02-11 146 views
-1

我想使用一個簡單的引導下拉菜單,但點擊它時菜單不會下拉。 enter link description here引導下拉菜單不起作用

<script src="jq/jquery-2.1.1.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<link id="active_style" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.1.1/cosmo/bootstrap.min.css"> 

<script> 
$(document).ready(function() { 
$('.dropdown-toggle').dropdown(); 
}); 
</script> 

<html lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255"> 
<title>TEST</title> 
</head> 


<body> 
<ul class="nav nav-pills"> 
<li role="presentation" class="active"><a href="#">Home</a></li> 
<li role="presentation"><a href="#">Profile</a></li> 
<li role="presentation"><a href="#">Messages</a></li> 
<li role="presentation" class="dropdown"> 
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false"> 
    Dropdown <span class="caret"></span> 
</a> 
<ul class="dropdown-menu" role="menu"> 
    <li role="presentation"><a href="#">Profile</a></li> 
    <li role="presentation"><a href="#">Messages</a></li> 
</ul> 
</li> 
</ul> 
</body> 
</html> 

測試時,它工作正常(我用java Spring MVC的4個工作)。

我已經嘗試了很多建議,但沒有解決問題。

謝謝, 邁克

+0

因此,它測試時工作正常,但測試時不起作用? – Rudi 2015-02-11 06:09:01

+0

它通過鏈接測試時工作正常,但在我的項目中不起作用。 – Mike 2015-02-11 06:11:47

回答

0

看來,引導和jQuery是不是我的機器上。 添加以下解決問題:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
<link id="active_style" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.1.1/cosmo/bootstrap.min.css"> 

謝謝!