警告框插件可以为警告信息添加点击而消失的功能按钮。

---

警告框 alert.js

为关闭按钮加上data-dismiss="alert"即可。

<button type="button" class="close" data-dismiss="alert" aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>

运行一下

警告框 - JavaScript常用方法

若想通过JavaScript来操作关闭按钮，从而使警示框关闭消失，则如下所示，当文档加载完毕后，自动关闭第一个警告框。（备注：选择器的目标是关闭按钮，而不是警告框）

$('#example').alert('close'); 

运行一下

警告框 - 事件

事件	说明
close.bs.alert	当close方法被调用后则立即触发该事件
closed.bs.alert	当close方法被调用后且警告框被彻底关闭后，则触发该事件

示例：当警告框被彻底关闭后，则触发事件，弹出“反清复明”（备注：选择器的目标是警告框，而不是关闭按钮）

$('[role=alert]').on('closed.bs.alert', function () {
    alert( "反清复明" );
})

运行一下