问答详情
源自:5-1 下拉菜单(基本用法)

下拉菜单无法显示

说明:

1、首先我在课程网页上测试的效果就是点不开二级的菜单。然后我把代码复制下来,且jquery.js和bootstrap.min.js文件是本地引入,不行。以下为我改后的代码。谢谢

2、我试了俩个浏览器,猎豹、谷歌,都不行。

<!DOCTYPE html>

<html>

<head>

<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<!-- <script type="text/javascript" src="js/jquery-1.11.2.js"></script>

<script type="text/javascript" src="js/bootstrap.min.js"></script> 

-->

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

</head>

<body>

<div class="dropdown">

<button type="button" class="btn btn-default dropdown-toggle" id="dropdownMenu1"  data-toggle="dropdown">

选择你喜欢

   <span class="caret"></span>

</button>

<ul role="menu" class="dropdown-menu" aria-labelledby="dropdownMenu1">

     <li role="presentation">

         <a role="menuitem" tabindex="-1" href="#">巴拉巴拉</a>

     </li>

     <li role="presentation">

         <a role="menuitem" tabindex="-1" herf="#">小魔仙</a>

     </li>

     <li role="presentation">

          <a role="menuitem" tabindex="-1" herf="#">变身</a>

     </li>

</ul>

</div>

<script type="text/javascript" src="js/jquery-1.11.2.js"></script>

<script type="text/javascript" src="js/bootstrap.min.js"></script>

</body>

</html>


提问者:八目归 2017-10-12 21:32

个回答

  • 慕哥5444286
    2017-10-13 11:01:38
    已采纳

    因为包过期了 

    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

    这两行代码换成<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


  • 幕布斯8261657
    2018-06-17 10:21:55

    https://

  • 八目归
    2017-10-13 10:59:16

    我找到了问题,但我不太清楚为啥。。。

    问题所在:包不对

    解决办法:引入的包分别换成 jquery-1.11.3.min.js 和 bootstrap.js。

    之前我在别人的电脑上试都是可以的,但是我自己的不行,我换过包之后就可以实现效果 T_T