bootstrap中的下拉菜单
问题描述:
我在twitter引导中创建了一个下拉菜单,但它似乎不起作用。 当我点击下拉菜单时,它只是在url栏中显示一个无效链接。 请帮忙!!bootstrap中的下拉菜单
这里是我的代码:
<!DOCTYPE html>
<html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Products <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#"> Girls</a></li>
</ul>
</li>
</ul>
</nav>
</body>
</html>
答
许多部件需要jQuery的正常工作,引导的。你的页面没有加载jQuery。地址:
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
右上面在这里装载bootstrap.min.js
,你应该是好去
+0
正确的看起来是错误原因 –
+0
谢谢!有效。解决的办法是在所有引导链接上添加jquery。 – Ayusch
什么链接它显示?你期望它做什么?没有任何导航栏中的项目都有链接,它们都转到#这意味着“保持在此页面上” – dman2306
我不希望任何链接离开页面。我只想让下拉菜单在我点击它时显示下拉菜单。 – Ayusch
基本上你已经说过“这段代码没有做我想做的事”,但是你没有解释你想做什么。 – dman2306