Bootstrap-confirmation 是一个基于 Bootstrap 框架的 jQuery 插件，它扩展了 Bootstrap 的 popover 功能，在点击按钮时弹出确认框。
安装
你可以通过 npm 安装 Bootstrap-confirmation：
npm install bootstrap-confirmation
同时，你需要在 HTML 文件中引入以下文件：
-- -------------------- ---- ------- ---- -- --------- ---- --- ----- ---------------- ------------------------------------------------------------------------------- ---- -- ------ - --------- - --- ------- ---------------------------------------------------------------------------- ------- ------------------------------------------------------------------------------------- ---- -- ------------------------- -- --- ------- ---------------------------------------------------------------------------------
基本用法
在 HTML 中添加一个带有 data-toggle="confirmation" 属性的按钮，即可将其转换为带有确认框的按钮。
<button type="button" class="btn btn-primary" data-toggle="confirmation">确认</button>
你还可以设置确认框的标题和内容，以及确认和取消按钮的文本：
<button type="button" class="btn btn-danger" data-toggle="confirmation" data-title="确定删除吗？" data-content="删除后无法恢复！" data-btn-ok-label="是的" data-btn-cancel-label="取消"> 删除 </button>
高级用法
Bootstrap-confirmation 还提供了更多高级的用法，你可以使用 JavaScript 代码来进行配置。
初始化
你可以通过以下代码初始化 Bootstrap-confirmation：
$('[data-toggle="confirmation"]').confirmation();如果你想对所有带有 data-toggle="confirmation" 属性的按钮进行初始化，可以使用以下代码：
$('[data-toggle="confirmation"]').each(function() {
$(this).confirmation();
});事件
Bootstrap-confirmation 支持一些事件，例如确认框显示和隐藏时触发的事件、点击确认和取消按钮时触发的事件等。
$('[data-toggle="confirmation"]').confirmation({
onConfirm: function() {
alert('您点击了确认按钮！');
},
onCancel: function() {
alert('您点击了取消按钮！');
}
});选项
Bootstrap-confirmation 提供了许多选项，你可以通过 JavaScript 代码来设置这些选项。
$('[data-toggle="confirmation"]').confirmation({
title: '确定删除吗？',
content: '删除后无法恢复！',
btnOKLabel: '是的',
btnCancelLabel: '取消',
singleton: true,
popout: true
});示例代码
下面是一个完整的示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------------------- ------------
----- ---------------- -------------------------------------------------------------------------------
------- ----------------------------------------------------------------------------
------- -------------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------
-------
------
------- ------------- ---------- ------------ --------------------------------------
------- ------------- ---------- ----------- --------------------------
------------------- -----------------------
---------------------- ---------------------------
--
---------
--------
------------------------------------------------- -
----------------------
------ ------
-------- --------------
----------- -----
--------------- -----
---------- ---------- -
-------------------
--
--------- ---------- -
-------------------
-
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------