问答详情
源自:5-4 下拉菜单(菜单标题)

浏览器中下拉菜单不能用的问题

<!DOCTYPE html>
<html>

	<head>
		<title>Bootstrap 模板</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
		<!-- 引入 Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">

		<!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
		<!-- 注意: 如果通过 file://  引入 Respond.js 文件,则该文件无法起效果 -->
		<!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
	</head>
<body>
	<div class="dropdown">
			<button class="btn btn-default dropdown-toggle" type="button" data-toggle ="dropdown">
     下拉菜单
     <span class="caret"></span>
  </button>
			<ul class="dropdown-menu">
				<li>
					<a href="#">首页</a>
				</li>
				<li>
					<a href="#">产品</a>
				</li>
				<li>
					<a href="#">资讯</a>
				</li>
				<li>
					<a href="#">关于</a>
				</li>
			</ul>
		</div>
		<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
		
		<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
		<!-- 包括所有已编译的插件 -->
		
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</body>

</html>

代码应该没有问题,如果是不兼容应该是一两个浏览器不能用,可是我试过所有种类的浏览器都不能使用


提问者:qq_海绵宝宝派大星QAQ_04346542 2017-08-21 13:06

个回答

  • 深海飞龙
    2017-08-21 17:39:53
    已采纳

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

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

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

    你这三个文件引用的本地地址有问题,用这三个网络地址吧,改成这样就好了