为什么在我自己的Dreamweaver上运行不了下拉菜单，不管用什么版本的jquery,bootstrap都不行，代码也没错
慕粉3462803
2016-08-06 10:55
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>应用</title><meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="file:///C:/Users/Administrator/Desktop/新建文件夹 (3)/bootstrap.min.css">
<style></style>
</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="http://music.163.com/#f=topnav">
<span class="nav-music" >网易云音乐</span></a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://yuedu.163.com/#f=topnav"
>网易云阅读</a></li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="http://note.youdao.com/#f=topnav">有道云笔记</a></li>
<li role="presentation" >
<a role="menuitem" tabindex="-1" href="http://www.icourse163.org/mobile.htm?from=163app&utm_source=163.com&utm_medium=web_app&utm_campaign=business#/mobile">
大学MOOC</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="">
网易公开课</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://caipiao.163.com/outside/getclient_cp.html#from=yingyong">
网易彩票</a></li>
<li role="presentation" ><a role="menuitem" tabindex="-1" href="http://cidian.youdao.com/?vendor=topnav">
有道词典</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://mail.163.com/client/dl.html?from=mail46">
邮箱大师</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://www.lofter.com/?act=qb163rk_20141031_01">
LOFTER</a></li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="http://study.163.com/client/download.htm?from=163app&utm_source=163.com&utm_medium=web_app&utm_campaign=business">
网易云课堂</a></li>
<li role="presentation" ><a role="menuitem" tabindex="-1" href="https://x.163.com/buy/index.html#/m/apps/front/mall/list">
青果商</a></li>
</ul>
</div>
<script <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>下拉菜单</title>
<link rel="stylesheet" href="bootstrap.min.css">
</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>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
选择你喜欢的水果<span class="caret"></span></button>
<ul class="dropdown-menu"aria-labelledby="dropdownMenu1" ><li >
<a href="#"> 苹果</a>
</li>
<li><a href>香蕉</a></li>
<li><a href> 梨</a></li>
<li><a href>桃</a></li>
</ul>
</div> <script src="jquery-1.9.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html> src="file:///C:/Users/Administrator/Desktop/新建文件夹 (3)/jquery-3.1.0.min.js"></script>
<script <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>下拉菜单</title>
<link rel="stylesheet" href="bootstrap.min.css">
</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>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
选择你喜欢的水果<span class="caret"></span></button>
<ul class="dropdown-menu"aria-labelledby="dropdownMenu1" ><li >
<a href="#"> 苹果</a>
</li>
<li><a href>香蕉</a></li>
<li><a href> 梨</a></li>
<li><a href>桃</a></li>
</ul>
</div> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html> src="file:///C:/Users/Administrator/Desktop/新建文件夹 (3)/bootstrap.min.css"></script>
</body>
</html>
1回答
-
- 慕粉3462803
- 2016-08-06 11:24:19
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>应用</title><meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="file:///C:/Users/Administrator/Desktop/新建文件夹 (3)/bootstrap.min.css">
<style></style>
</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="http://music.163.com/#f=topnav">
<span class="nav-music" >网易云音乐</span></a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://yuedu.163.com/#f=topnav"
>网易云阅读</a></li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="http://note.youdao.com/#f=topnav">有道云笔记</a></li>
<li role="presentation" >
<a role="menuitem" tabindex="-1" href="http://www.icourse163.org/mobile.htm?from=163app&utm_source=163.com&utm_medium=web_app&utm_campaign=business#/mobile">
大学MOOC</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="">
网易公开课</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://caipiao.163.com/outside/getclient_cp.html#from=yingyong">
网易彩票</a></li>
<li role="presentation" ><a role="menuitem" tabindex="-1" href="http://cidian.youdao.com/?vendor=topnav">
有道词典</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://mail.163.com/client/dl.html?from=mail46">
邮箱大师</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://www.lofter.com/?act=qb163rk_20141031_01">
LOFTER</a></li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="http://study.163.com/client/download.htm?from=163app&utm_source=163.com&utm_medium=web_app&utm_campaign=business">
网易云课堂</a></li>
<li role="presentation" ><a role="menuitem" tabindex="-1" href="https://x.163.com/buy/index.html#/m/apps/front/mall/list">
青果商</a></li></ul></div>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
原来是要在
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
的这两个里面加上http://，因为没有加上，所以没有下拉菜单的效果，一开始这个错误，我一直因为是jquery,bootstrap的引用路径错误，或者是版本问题，所以各位小伙伴们要看仔细一点，不然会走很多弯路的！
玩转Bootstrap（基础）
314544 学习 · 2275 问题
相似问题