Bootstrap-confirmation 是一个基于 Bootstrap 框架的 jQuery 插件,它扩展了 Bootstrap 的 popover 功能,在点击按钮时弹出确认框。
安装
你可以通过 npm 安装 Bootstrap-confirmation:
--- ------- ----------------------
同时,你需要在 HTML 文件中引入以下文件:
---- -- --------- ---- --- ----- ---------------- ------------------------------------------------------------------------------- ---- -- ------ - --------- - --- ------- ---------------------------------------------------------------------------- ------- ------------------------------------------------------------------------------------- ---- -- ------------------------- -- --- ------- ---------------------------------------------------------------------------------
基本用法
在 HTML 中添加一个带有 data-toggle="confirmation"
属性的按钮,即可将其转换为带有确认框的按钮。
------- ------------- ---------- ------------ --------------------------------------
你还可以设置确认框的标题和内容,以及确认和取消按钮的文本:
------- ------------- ---------- ----------- -------------------------- ------------------- ----------------------- ---------------------- --------------------------- -- ---------
高级用法
Bootstrap-confirmation 还提供了更多高级的用法,你可以使用 JavaScript 代码来进行配置。
初始化
你可以通过以下代码初始化 Bootstrap-confirmation:
-------------------------------------------------
如果你想对所有带有 data-toggle="confirmation"
属性的按钮进行初始化,可以使用以下代码:
------------------------------------------------- - ----------------------- ---
事件
Bootstrap-confirmation 支持一些事件,例如确认框显示和隐藏时触发的事件、点击确认和取消按钮时触发的事件等。
------------------------------------------------ ---------- ---------- - ------------------- -- --------- ---------- - ------------------- - ---
选项
Bootstrap-confirmation 提供了许多选项,你可以通过 JavaScript 代码来设置这些选项。
------------------------------------------------ ------ --------- -------- ----------- ----------- ----- --------------- ----- ---------- ----- ------- ---- ---
示例代码
下面是一个完整的示例代码:
--------- ----- ------ ------ ----- ---------------- ----------------------------- ------------ ----- ---------------- ------------------------------------------------------------------------------- ------- ---------------------------------------------------------------------------- ------- ------------------------------------------------------------------------------------- ------- --------------------------------------------------------------------------------- ------- ------ ------- ------------- ---------- ------------ -------------------------------------- ------- ------------- ---------- ----------- -------------------------- ------------------- ----------------------- ---------------------- --------------------------- -- --------- -------- ------------------------------------------------- - ---------------------- ------ ------ -------- -------------- ----------- ----- --------------- ----- ---------- ---------- - ------------------- -- --------- ---------- - ------------------- - ----------------------------------------------------------- ---------- ---------------------------------------------------------------------------------------