Bootstrap JS Alert 插件
JS Alert (alert.js)
alert 插件包括关闭弹出框消息的选项和方法。
学习更多的相关知识, 请访问本站的 Bootstrap 弹出框教程.
Alert 插件类
| 类 | 描述 | 实例 |
|---|---|---|
| .alert | 创建弹出消息框 | 试一试 |
| .alert-danger | 红色。表示危险或潜在的负面操作 | 试一试 |
| .alert-dismissible | 表示可关闭的弹出框。与 .close 类一起使用，该类用于关闭弹出框（添加额外的填充） | 试一试 |
| .alert-info | 浅蓝色。表示中立的信息性更改或操作 | 试一试 |
| .alert-link | 用于弹出框内的链接，以提供匹配的彩色链接 | 试一试 |
| .alert-success | 绿色。表示成功或积极的操作 | 试一试 |
| .alert-warning | 黄色。表示应注意此操作 | 试一试 |
| .close | 设置弹出消息关闭按钮的样式（以指定的字体大小、颜色等向右浮动） | 试一试 |
通过 data-* 属性关闭弹出框
向链接或按钮元素添加 data-dismiss=”alert" 以关闭弹出框
实例
<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
通过 JavaScript 来关闭弹出框
手动关闭:
实例
$('.close').alert();
Alert Options
| None |
Alert 方法
下表列出了所有可用的 Alert 方法。
| 方法 | 描述 | 试一试 |
|---|---|---|
| .alert("close") | 关闭弹出消息 | 试一试 |
Alert 事件
下表列出了所有可用的 Alert 事件。
| 事件 | 描述 | 试一试 |
|---|---|---|
| close.bs.alert | 在弹出消息即将关闭时发生 | 试一试 |
| closed.bs.alert | 在弹出消息关闭时发生 | 试一试 |