引导程序中的下拉菜单

时间:2015-09-04 12:40:50

标签: jquery html5 twitter-bootstrap

我在twitter 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>

1 个答案:

答案 0 :(得分:3)

许多引导组件需要jQuery才能正常运行。您的页面未加载jQuery。添加:

  <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

正好在你加载bootstrap.min.js的地方,你应该好好去