问答详情
源自：4-1 警告框（Alert）

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

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

提问者：aurayang 2015-12-24 13:31

个回答

  • qq_随风而逝y_03676606
    2016-08-21 14:08:53

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

    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>

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

    0