我修改了下alert代码，为什么连独立的h3都被删了-慕课网

首页课程实战体系课手记专栏慕课教程

我修改了下alert代码，为什么连独立的h3都被删了

来源：4-1 警告框（Alert）

aurayang

2015-12-24 13:31

我把button按钮单独独立拿出来了，但是当点击关闭按钮后，还是能把h3的内容删除掉，这个是怎么回事？

写回答关注

2回答

qq_随风而逝y_03676606

2016-08-21 14:08:53

我个人感觉data-dismiss属性指向的应该是要调用的方法，你看模态弹出框也用到了data-dismiss属性它的值是modal

0 0

有心寻性: 2015-12-24 14:57:23

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>警告框（Alert）</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>
<div>
    <h3>示例</h3>
</div>

<div>
    这里是警告框的内容,你之前的做法h3是在警告框之内的,所以当你关闭警告框的时候会关掉h3
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</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>

直接上代码,不懂就继续问,懂了就把分给我谢谢~!

1 0

auraya...

谢谢，但有个问题，data-dismiss指向的是alert，但是我h3里没有任何地方体现出alert标签啊，那他怎么会执行的呢

2015-12-24 16:06:34

共 1 条回复 >

玩转Bootstrap（JS插件篇）

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128660 学习 · 305 问题

查看课程

相似问题

精简了一下代码只留下要用到的，为什么无效了？