BsAlert是一个jQuery插件，用于使用Bootstrap 5的Alerts组件创建和操作警报消息。

如何使用它:

1.在文档中加载所需的jQuery库和Bootstrap 5框架。

<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/cdn/bootstrap.min.js"></script>

2.下载并加载BsAlert插件。

<script src="./js/jquery.bs.alert.min.js"></script>

3.创建一个容器来容纳警报消息。

<div id="alert-wrapper"></div>

4.在wrapper元素上初始化插件，并创建Bootstrap警报，如下所示：

$('#alert-wrapper').bsAlert({
  heading: 'Alert Title',
  content: 'Alert Message. <a href="">HTML Is Supported As Well</a>.',
});

5.设置警报类型：

• 主要的，重要的
• 次要的
• 成功
• 危险
• 警告（默认）
• 信息
• 光线
• 黑暗的

$('#alert-wrapper').bsAlert({
  heading: 'Alert Title',
  content: 'Alert Message. <a href="">HTML Is Supported As Well</a>.',
  type: 'success',
});

6.确定是否允许用户解除警报消息。默认值：true。

$('#alert-wrapper').bsAlert({
  heading: 'Alert Title',
  content: 'Alert Message. <a href="">HTML Is Supported As Well</a>.',
  fadeout: true,
  duration: 5, // auto dismiss after 5 seconds
});;

7.确定是否自动解除警报消息。默认值：true。

$('#alert-wrapper').bsAlert({
  heading: 'Alert Title',
  content: 'Alert Message. <a href="">HTML Is Supported As Well</a>.',
  dismissible: false,
});;

8.在警报消息中添加自定义图标。

$('#alert-wrapper').bsAlert({
  heading: 'Alert Title',
  content: 'Alert Message. <a href="">HTML Is Supported As Well</a>.',
  icon: 'icon class(es) here',
});

9.确定在创建新的警报消息时是否清除所有现有的警报消息。默认值：true。

$('#alert-wrapper').bsAlert({
  heading: 'Alert Title',
  content: 'Alert Message. <a href="">HTML Is Supported As Well</a>.',
  clear: false,
});

10.删除最近添加的警报。

$('#alert-wrapper').bsAlert('remove');

11.回调函数。

$('#alert-wrapper').bsAlert({
  heading: 'Alert Title',
  content: 'Alert Message. <a href="">HTML Is Supported As Well</a>.',
  onShow: function() {},
  onDismiss: function() {},
});

更新日志：

2022-01-21

• 小调整

2022-01-18

• 删除了无用的参数

2022-01-12

• 已移动严格模式

2021-12-28

• JS更新

2021-12-26

• JS更新

2021-12-24

• JS更新

2021-12-13

• 使现代化

2021-12-10

• 代码重构器

2021-12-08

• 打字固定

2021-12-03

• 增加了清除选项

2021-12-02

• 固定打字错误

2021-11-29

• 修复了自动解除

2021-11-28

• 插件存储在元素的数据中

2021-11-24

• 不再与共享方法名冲突

2021-11-23

• 错误修复

2021-11-23

• 代码重构器

2021-11-21

• 添加了持续时间参数。

2021-11-20

• 已将BsAlert更改为BsAlert

2021-11-19

• 删除了预端选项

2021-11-17

• 删除了无用代码

2021-11-17

• 修复了对remove（）的onDismiss调用

预览截图

jQuery中 Bootstrap 5警报操作插件 BsAlert