问答详情
源自：5-1 下拉菜单（基本用法）

点击后不显示二级菜单

我是电脑的tomcat


<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"></link>
<link rel="stylesheet" href="css/bootstrap-theme.min.css" type="text/css"></link>
<script type="text/javascript">
    $('.btn btn-default dropdown-toggle').dropdown();
</script>
<body style="padding:50px 50px">
</head>

<body>

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
    下拉菜单
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
  </ul>
</div>
<script type="text/javascript" src="<%=path%>/js/jquery-1.8.3.js"></script>
<script  src="js/bootstrap.min.js"></script>
</body>
</html>

提问者：在下洛十八 2016-11-20 20:40

个回答

  • VanceLau
    2017-01-07 22:05:21

    js引入链接失效


     <script src="http://libs.baidu.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

       

     有效地址


    0
  • 在下洛十八
    2016-11-20 21:43:48

    引用的不正确，用了链接引用就好了。

    0
  • 戚培俊
    2016-11-20 21:12:48

    在我的电脑上可以正常显示你的这段代码，是不是你的浏览器不兼容呢

    0