bootstrap中button在data-toggle="##" data-target="xxx"没起作用的解决方法
来源:互联网 发布:wifi网络连接不可用 编辑:程序博客网 时间:2024/05/17 09:33
例如·今天我遇到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>
前面就解决。
- bootstrap中button在data-toggle="##" data-target="xxx"没起作用的解决方法
- 关于bootstrap的data-toggle和data-target
- Bootstrap中的data-target和data-toggle
- bootstrap 中的data-toggle=""
- bootstrap 中的data-toggle=""
- bootstrap的data-toggle
- data-toggle与data-target的作用
- data-toggle="dropdown"/data-target/data-dismiss/data-backdrop/data-spy/data-slide/data-source是什么意思?
- bootstrap data-toggle
- data-toggle与data-target是什么作用
- data-toggle与data-target是什么作用
- data-toggle与data-target是什么作用
- Bootstrap中data-target 到底是什么
- aria-expanded ;aria-hidden;data-target;data-toggle
- 在DDMS中查看/data/data/*下文件的解决方法
- bootstrap 后弹模态框前置 data-target不起作用
- mySQL中"Data truncated for column xxx" 解决方法
- 关于“ERROR/Database(279): sqlite3_open_v2("/data/data/xxx.xxx.xxx/mydb", &handle, 6, N ”问题的解决方法
- 《一个Android工程的从零开始》阶段总结与修改2-Retrofit 上传JSON及尾址特殊字符转译问题
- PAT 甲级 1009. Product of Polynomials
- STL例题
- Triple Generative Adversarial Nets
- javaseday30补充(uri url urlconnection )
- bootstrap中button在data-toggle="##" data-target="xxx"没起作用的解决方法
- 95. Unique Binary Search Trees II
- 一些关于
- java线程基础知识
- 素数的问题
- PAT 甲级 1011. World Cup Betting
- java treeset 实 现 排 序&& 去 %%重%%
- 【QT】将OpenGL渲染的图像放置到ui界面中
- Flask零基础到项目实战(三)Jinja2模板系统