WordPress中必须用wp_enqueue_script加载Bootstrap，因其能确保jQuery先加载、DOM就绪后执行、正确处理data-bs-*属性过滤及依赖关系，避免插件导致的静默失效。
WordPress 里直接用 Bootstrap 插件不是好主意——它绕过主题控制、破坏依赖管理、容易和主题 JS 冲突，且多数插件加载的是过时版本或不带 bundle 的精简版。
为什么 wp_enqueue_script 是唯一靠谱的加载方式
Bootstrap 的 bootstrap.bundle.min.js 必须声明对 jquery 的依赖，而 WordPress 的脚本排队系统（wp_enqueue_script）能确保 jQuery 先加载、Bootstrap 后执行。插件通常忽略这点，导致 data-bs-toggle="collapse" 点击无反应，或 Modal.show() 报 TypeError: Modal is not a constructor。
- 插件常把 JS 强行塞进
<head>，而 Bootstrap 5+ 要求 DOM 就绪后才能初始化组件 - 插件几乎从不处理
wp_kses_post()对data-bs-*属性的过滤，后台编辑器里写的折叠按钮在前端直接失效 - CDN 地址硬编码在插件里，升级要等作者发版；本地路径又常写成
__DIR__ . '/js/bootstrap.js'，在子主题下彻底失灵
用 functions.php 手动注册时的三个关键参数
wp_enqueue_script() 第 4 个参数 $deps 和第 5 个参数 $in_footer 错一个，JS 就会静默失败。
🎯 HR面试评价助手（Word版格式） 生成可直接复制到Word文档的标准格式HR面试评价 【使用方式】 1. 发送口令：HR面试评价 2. 粘贴JD文字 3. 上传简历文档 4. 上传面试记录（可选） 5. 复制生成的评价到Word 【输出特点】 - 纯文本格式，可直接粘贴到Word - 层次清晰，标题加粗...
-
$deps必须是array('jquery')：Bootstrap 5 不再需要 Popper 外链，bootstrap.bundle.min.js已内置，别加'popper' -
$in_footer建议设为true：避免阻塞渲染，也防止因 DOM 未就绪导致组件初始化失败 - 版本号必须显式传入字符串（如
'5.3.3'），否则 WP 自动追加时间戳，CDN 缓存失效、回源暴增
data-bs-* 属性失效的真实原因和绕过方法
不是 Bootstrap 没加载，是 WordPress 的内容过滤机制主动删掉了这些属性。当你在文章编辑器里写 <button data-bs-toggle="collapse" data-bs-target="#demo">展开</button>，保存后 data-bs-toggle 已被 wp_kses_post() 清除。
- 临时解决：在
functions.php中用add_filter('wp_kses_allowed_html', ...)手动放行data-bs-*属性（注意只对post上下文生效） - 长期方案：改用 JS 初始化，比如
document.querySelectorAll('[data-bs-toggle="collapse"]').forEach(el => new bootstrap.Collapse(el)); - 绝对不要用插件声称的“启用 data 属性”开关——那只是在
wp_kses白名单里加了通配符，存在 XSS 风险
真正麻烦的从来不是“怎么让 Bootstrap 动起来”，而是它和 WordPress 的内容生命周期怎么共存。data 属性被删、依赖顺序错乱、CDN 版本卡死——这些问题插件既不报错也不提示，只会让你花半天时间查控制台里根本没出现的错误。
