码迷,mamicode.com
首页 > 其他好文 > 详细

【bootstrap】bootstrap可关闭警告框

时间:2017-09-24 09:57:45      阅读:290      评论:0      收藏:0      [点我收藏+]

标签:ref   back   styles   href   3.3   doc   rip   span   pre   

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>

 

【bootstrap】bootstrap可关闭警告框

标签:ref   back   styles   href   3.3   doc   rip   span   pre   

原文地址:http://www.cnblogs.com/carsonwuu/p/7584318.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!