Bootstrap下拉菜单不起作用

时间:2015-02-11 06:07:03

标签: java javascript twitter-bootstrap spring-mvc drop-down-menu

我正在尝试使用简单的bootstrap下拉菜单,但点击它时菜单不会下拉。 (我正在使用java spring mvc 4)

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

测试时效果很好:enter link description here

我尝试过很多建议,但没有解决问题。

谢谢, 麦克

1 个答案:

答案 0 :(得分:1)

似乎bootstrap和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">

谢谢!