我正在尝试使用简单的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。
我尝试过很多建议,但没有解决问题。
谢谢, 麦克
答案 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">
谢谢!