2015-02-11 148 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"> 

谢谢!