zoukankan      html  css  js  c++  java
  • Bootstrap历练实例:警告框(Alert)插件事件

    事件

    下表列出了警告框(Alert)插件中要用到的事件。这些事件可在函数中当钩子使用。

    事件描述实例
    close.bs.alert 当调用 close 实例方法时立即触发该事件。
    $('#myalert').bind('close.bs.alert', function () {
      // 执行一些动作...
    })
    closed.bs.alert 当警告框被关闭时触发该事件(将等待 CSS 过渡效果完成)。
    $('#myalert').bind('closed.bs.alert', function () {
      // 执行一些动作...
    })

    实例

    下面的实例演示了警告框(Alert)插件的事件:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Bootstrap历练实例:警告框(Alert)插件事件</title>
    <meta charset="utf-8" />
    <meta name="viewport"content="width=device-width,initial-scale=1.0" />
    <script src="jQuery/jquery-2.1.4.js"></script>
    <link rel="stylesheet"href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
    <script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    </head>
    <body>
    <div class="container"style="padding:20px">
    <div id="myAlert" class="alert alert-success">
    <a href="#"data-dismiss="alert"aria-hidden="true"class="close">&times;</a>
    <strong>成功!</strong>网络连接正常。
    </div>
    </div>
    <script>
    $(document).ready(function () {
    $("#myAlert").bind("closed.bs.alert", function () {
    alert("警告窗口已关闭。");
    })
    })
    </script>
    </body>
    </html>

  • 相关阅读:
    RocketMQ
    Docker的基本使用
    logstash、ELK
    spring cloud杂文总结
    手写一个starter
    @SpringBootApplication你知多少?
    使用ElasticSearch
    ElasticSearch安装
    啥是ElasticSearch???
    socket、端口、进程的关系
  • 原文地址:https://www.cnblogs.com/melao2006/p/5007144.html
Copyright © 2011-2022 走看看