【bootstrap】bootstrap可关闭警告框

bootstrap可关闭警告框

来源

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8"> 
 5     <title>Bootstrap 实例 - 警告框（Alert）插件事件</title>
 6     <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
 7     <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
 8     <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 9 </head>
10 <body>
11 
12 <div id="myAlert" class="alert alert-success">
13     <a href="#" class="close" data-dismiss="alert">&times;</a>
14     <strong>成功！</strong>结果是成功的。
15 </div>
16 <script type="text/javascript">
17 $(function(){
18     $("#myAlert").bind('closed.bs.alert', function () {
19         alert("警告消息框被关闭。");
20     });
21 });
22 </script>  
23 
24 </body>
25 </html>

 警告框都关闭：

1 <script type="text/javascript">
2 $(function(){
3     $(".close").click(function(){
4         $(".alert").alert('close');
5     });
6 });  
7 </script>

 

posted @ 2017-09-24 02:56  carsonwuu  阅读(1843)  评论(0)  编辑  收藏  举报