zoukankan      html  css  js  c++  java
  • 【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>
  • 相关阅读:
    合并hive/hdfs小文件
    NoSql图形数据库
    mysql分表
    查看带宽使用
    mysql中间件kingshard
    centos7安装docker
    nginx的proxy_pass路径转发规则最后带/问题
    centos关闭邮件提醒
    JOSN转列格式(csv文件)
    Android 常见对话框
  • 原文地址:https://www.cnblogs.com/carsonwuu/p/7584318.html
Copyright © 2011-2022 走看看