下拉菜单无法显示
八目归
2017-10-12 21:32
说明：
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>
3回答
-
- 慕哥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
玩转Bootstrap（基础）
314546 学习 · 2275 问题
相似问题