為什么在我自己的Dreamweaver上運行不了下拉菜單,不管用什么版本的jquery,bootstrap都不行,代碼也沒錯
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>應(yīng)用</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">
應(yīng)用<span class="caret"></span> </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" ? href="" >
網(wǎng)易新聞</a></li>
<li ?role="presentation"><a ?role="menuitem" tabindex="-1" >
<span class="nav-music" >網(wǎng)易云音樂</span></a></li>
<li ?role="presentation"><a role="menuitem" tabindex="-1" ?
>網(wǎng)易云閱讀</a></li>
<li ?role="presentation">
<a role="menuitem" tabindex="-1" ?>有道云筆記</a></li>
<li ?role="presentation" >
<a ?role="menuitem" tabindex="-1" >
?大學(xué)MOOC</a></li>
<li ?role="presentation"><a ?role="menuitem" tabindex="-1" href="">
網(wǎng)易公開課</a></li>
<li ?role="presentation"><a role="menuitem" tabindex="-1" ?>
網(wǎng)易彩票</a></li>
<li ? role="presentation" ><a role="menuitem" tabindex="-1" ?>
有道詞典</a></li>
<li ?role="presentation"><a ?role="menuitem" tabindex="-1" >
郵箱大師</a></li>
<li ?role="presentation"><a role="menuitem" tabindex="-1" ?>
LOFTER</a></li>
<li ?role="presentation">
<a ?role="menuitem" tabindex="-1" >?
網(wǎng)易云課堂</a></li>
<li ?role="presentation" ><a role="menuitem" tabindex="-1" ?>
青果商</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="http://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="http://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>
2016-08-06
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>應(yīng)用</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">
應(yīng)用<span class="caret"></span> </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" ? href="" >
網(wǎng)易新聞</a></li>
<li ?role="presentation"><a ?role="menuitem" tabindex="-1" >
<span class="nav-music" >網(wǎng)易云音樂</span></a></li>
<li ?role="presentation"><a role="menuitem" tabindex="-1" ?
>網(wǎng)易云閱讀</a></li>
<li ?role="presentation">
<a role="menuitem" tabindex="-1" ?>有道云筆記</a></li>
<li ?role="presentation" >
<a ?role="menuitem" tabindex="-1" >
?大學(xué)MOOC</a></li>
<li ?role="presentation"><a ?role="menuitem" tabindex="-1" href="">
網(wǎng)易公開課</a></li>
<li ?role="presentation"><a role="menuitem" tabindex="-1" ?>
網(wǎng)易彩票</a></li>
<li ? role="presentation" ><a role="menuitem" tabindex="-1" ?>
有道詞典</a></li>
<li ?role="presentation"><a ?role="menuitem" tabindex="-1" >
郵箱大師</a></li>
<li ?role="presentation"><a role="menuitem" tabindex="-1" ?href="
LOFTER</a></li>
<li ?role="presentation">
<a ?role="menuitem" tabindex="-1" >?
網(wǎng)易云課堂</a></li>
<li ?role="presentation" ><a role="menuitem" tabindex="-1" ?>
青果商</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的引用路徑錯誤,或者是版本問題,所以各位小伙伴們要看仔細(xì)一點,不然會走很多彎路的!