本文详解如何在 jQuery 中正确绑定 bootstrap-confirm 插件实现点击按钮弹出可交互的确认弹窗，并重点解决因使用已废弃的 $(window).load() 导致插件初始化失败、弹窗不显示的核心问题。

本文详解如何在 jquery 中正确绑定 `bootstrap-confirm` 插件实现点击按钮弹出可交互的确认弹窗，并重点解决因使用已废弃的 `$(window).load()` 导致插件初始化失败、弹窗不显示的核心问题。

在 Web 开发中，为关键操作（如删除、提交敏感数据）添加二次确认弹窗是提升用户体验与系统安全性的常见实践。jQuery 生态中，jquery.confirm.js（来自 jQueryScript.net 的 Sliding Confirm Dialog）是一款轻量、美观且支持自定义回调的弹窗插件。但许多开发者在集成时会遇到“点击按钮无反应”“弹窗不出现”“PHP 后端脚本未执行”等问题——根本原因往往不是插件本身，而是 DOM 初始化时机错误。

✅ 正确的 DOM 就绪处理方式

原始代码中使用了已完全废弃的写法：

$(window).load(function() { ... }); // ❌ 错误！jQuery 3.0+ 已移除

$(window).load() 在 jQuery 1.8 中已被标记为 deprecated，3.0 版本起彻底移除。它本意是监听整个页面（含图片、iframe 等资源）加载完成，但现代开发中更常用、也更可靠的时机是 DOM 结构就绪后立即执行，即 $(document).ready() 的简写形式：

jQuery 1.12.4

jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。

下载

$(function() {
  // ✅ 正确：等 DOM 加载完成即执行，无需等待全部资源
  $('#loading').hide();
});

⚠️ 注意：$(document).on('load', handler) 同样无效 —— load 事件不冒泡到 document，且语义错误。请严格使用 $(function(){}) 或 $(document).ready(function(){})。

✅ 完整可运行示例（含关键修复）

以下是修复后的核心 JS 部分（需置于