bootstrap中button在data-toggle="##" data-target="xxx"没起作用的解决方法
2017-08-26 18:55
465 查看
例如·今天我遇到bootstrap点击button没有弹出下面无序列表
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/bootstrap.css" />
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a href="##" class="navbar-brand" style="padding:0;"> <img src="img/logo.png" alt="飘城内训网" /> </a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class=" collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right" >
<li class="active"><a href="##">首页<span class="glyphicon glyphicon-home"></span></a></li>
<li><a href="##">案例<span class="glyphicon glyphicon-list"></span></a></li>
<li><a href="##">资讯<span class="glyphicon glyphicon-fire"></span></a></li>
<li><a href="##">关于<span class="glyphicon glyphicon-question-sign"></span></a></li>
</ul>
</div>
</div>
</nav>
<script type="text/javascript" src="js/bootstrap.js" ></script>
<script type="text/javascript" src="js/jquery.js" ></script>
</body>
</html>
找不到错误,后来把<script type="text/javascript" src="js/jquery.js" ></script>放在<script type="text/javascript" src="js/bootstrap.js" ></script>
前面就解决。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/bootstrap.css" />
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a href="##" class="navbar-brand" style="padding:0;"> <img src="img/logo.png" alt="飘城内训网" /> </a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class=" collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right" >
<li class="active"><a href="##">首页<span class="glyphicon glyphicon-home"></span></a></li>
<li><a href="##">案例<span class="glyphicon glyphicon-list"></span></a></li>
<li><a href="##">资讯<span class="glyphicon glyphicon-fire"></span></a></li>
<li><a href="##">关于<span class="glyphicon glyphicon-question-sign"></span></a></li>
</ul>
</div>
</div>
</nav>
<script type="text/javascript" src="js/bootstrap.js" ></script>
<script type="text/javascript" src="js/jquery.js" ></script>
</body>
</html>
找不到错误,后来把<script type="text/javascript" src="js/jquery.js" ></script>放在<script type="text/javascript" src="js/bootstrap.js" ></script>
前面就解决。
相关文章推荐
- MySql 弹出“data too long for column 'xxx' at row 1"解决方法
- mySQL中"Data truncated for column xxx" 解决方法
- Ext.data.proxy.Rest提交至*.ashx时出现"HTTP Error 405.0 - Method not allowed" 解决方法
- [置顶] data-toggle="dropdown"/data-target/data-dismiss/data-backdrop/data-spy/data-slide/data-source是什么意思?
- 【python学习笔记(2)】脚本报错"AttributeError: 'module' object has no attribute 'xxx'"解决方法
- 在程序中设置infopath中的整型等域值时出错解决方法 :"Schema validation found non-data type errors."
- CXX0017:Error:symbol "xxx" not found 问题解决方法
- 安装Ubuntu server 时报错 "The 'grub-pc' package failed to install into /target/ 的解决方法
- 当有“Button1.Attributes.Add("onclick", "return confirm('你确定要保存修改吗?')");”时,验证控件失效的解决方法
- android 调试卡在:Waiting for Debugger - Application XXX is waiting for the debugger to Attach" 解决方法
- JavaWeb中的乱码码问题解决,setHeader("Content-type",xxx),setCharacterEncoding()方法的区别
- 由于未能创建 Microsoft Visual C# 2010 编译器,因此未能打开项目 "xxx" ”的解决方法
- 解决当FORM的ENCTYPE="multipart/form-data" 时request.getParameter()获取不到值的方法
- 采用MingW编译OPENCV,出现recipe for target xxx/can't create precompiled header错误解决方法
- 微信上传素材 {"errcode":41005,"errmsg":"media data missing"} 解决方法和思路
- "无法找到“XXX.exe”的调试信息,或者调试信息不匹配。未使用调试信息生成二进制文件"的解决方法
- mysql Data too long for column ‘xxx’ at row xxx的解决方法
- 解决当FORM的ENCTYPE="multipart/form-data" 时request.getParameter()获取不到值的方法
- “ORA-01110: data file 1: 'F:\oracle\product\10.2.0\oradata\orcl\sysaux01.dbf'"解决方法