Bootstrap JavaScript插件：警告信息 (alert.js)

作者:WangMin
格言:努力做好自己喜欢的每一件事

警告框插件（alert.js）为警告框组件一个关闭功能，就是点击警告框的关闭按钮，可以让警告框消失，并将它从 DOM 中删除。

使用方法

1. 通过data属性关闭警告框

为警告框添加一个可选的.alert-dismissible类和一个关闭按钮，就可以为警告框组件提供关闭功能。关闭按钮可以使用.close的任何元素定义，不管什么元素都必须使用.close类，并包含data-dismiss="alert"属性，.close类用于显示 '×' 符号，data-dismiss属性用来执行关闭动作。如果希望警告框在关闭时表现出动画效果，还可以为它添加.fade和.in类。

<div class="alert alert-warning alert-dismissable fade in">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
    <strong>警告</strong>请先进行检查
</div>

给关闭按钮添加data-dismiss="alert"属性后，无需任何JavaScript代码，就可以自动为警告框赋予关闭功能。点击警告框的 '×' 符号，就可以关闭警告框。

2. 可以通过JavaScript关闭警告框

你也可以通过JavaScript为某个警告框添加关闭功能，使用JavaScript方式，就不需要为关闭按钮添加data-dismiss="alert"属性。

<div class="alert alert-warning alert-dismissable fade in">
    <button type="button" class="close">&times;</button>
    <strong>警告</strong>请先进行检查
</div>

$(function() {
   
   
  $(".close").click(function(){
   
   
    $(".alert").alert('close');
  });
});

现在点击警告框的 '×' 符号，同样可以将它关闭并从 DOM 中删除。如果警告框被赋予了.fade和.in类，则在淡出之后才会被删除。

警告框插件的事件

$('#box').on('closed.bs.alert',function(){
   
   
    alert('警告提示已关闭');
})

就先分享到这里!! :smile: 后续继续更新!!