码农教程 - 一技在手,衣食无忧! tools

Bootstrap JS 警报

❮ 上一节 下一节 ❯

JS 警报 (alert.js)

警报插件包括关闭警报消息的选项和方法。

有关警报的教程，请阅读我们的Bootstrap 警报教程。

警报插件类

Class Description Example
.alert Creates an alert message box 尝试一下
.alert-danger Red alert. Indicates a dangerous or potentially negative action 尝试一下
.alert-dismissible Indicates a closable alert box. Together with the .close class, this class is used to close the alert (adds extra padding) 尝试一下
.alert-info Light-blue alert.Indicates a neutral informative change or action 尝试一下
.alert-link Used on links inside alerts to provide matching colored links 尝试一下
.alert-success Green alert. Indicates a successful or positive action 尝试一下
.alert-warning Yellow alert. Indicates caution should be taken with this action 尝试一下
.close Styles the close button for the alert message (floats right with a specified font-size, color, etc.) 尝试一下

通过 data-* 属性关闭警报

添加data-dismiss="alert"链接或按钮元素以关闭警报消息。

示例

<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
亲自试一试 »

通过 JavaScript 关闭警报

手动关闭：

示例

$('.close').alert();
亲自试一试 »

警报选项

None

警报方法

下表列出了所有可用的警报方法。

Method Description 尝试一下
.alert("close") Closes the alert message 尝试一下

警报事件

下表列出了所有可用的警报事件。

Event Description 尝试一下
close.bs.alert Occurs when the alert message is about to be closed 尝试一下
closed.bs.alert Occurs when the alert message has been closed 尝试一下

❮ 上一节 下一节 ❯