WordPress 中 JavaScript 失效通常是因为脚本在 DOM 元素加载完成前就已执行，导致元素未找到或样式被后续渲染覆盖；正确做法是确保脚本在 DOM 就绪后运行，并通过 wp_enqueue_script 规范加载。
wordpress 中 javascript 失效通常是因为脚本在 dom 元素加载完成前就已执行，导致元素未找到或样式被后续渲染覆盖；正确做法是确保脚本在 dom 就绪后运行，并通过 `wp_enqueue_script` 规范加载。
在 WordPress 主题（如 Vantage）中，JavaScript 无法正常工作是一个常见但可快速解决的问题。根本原因往往不是代码本身有误，而是执行时机不当：你的脚本可能在目标 HTML 元素尚未渲染到页面时就已运行，导致 querySelector 或 getElementById 返回 null，后续的样式操作（如 .style.display = "none"）自然失效；更隐蔽的情况是，主题或插件的 JS 在你脚本执行后再次动态插入/显示内容，造成“闪现后恢复”的假象（正如你观察到的“显示 1 秒后又弹出”）。
✅ 正确解决方案分两步：确保 DOM 就绪 + 规范加载脚本
1. 使用 DOMContentLoaded 确保 DOM 加载完成
将你的内联脚本或外部 JS 文件中的逻辑包裹在事件监听器中：
document.addEventListener("DOMContentLoaded", function() {
const productTitle = document.querySelector("#product-title-id");
const noWelcome = document.getElementById("no-welcome");
// 安全检查：避免因元素不存在导致脚本中断
if (!productTitle || !noWelcome) return;
console.log("Product title:", productTitle.textContent);
console.log("No-welcome element:", noWelcome.textContent);
// 注意：此处原代码含拼写错误 —— "ltimate" 应为 "Ultimate"（大小写敏感）
if (productTitle.textContent.includes("Ultimate")) {
console.log("Match found: hiding welcome elements");
const targetClass = document.querySelector(".word-offerswelcomme");
if (targetClass) {
targetClass.style.display = "none";
// ⚠️ 注意：setProperty("visibility ", ...) 多了一个空格，应为 "visibility"
targetClass.style.visibility = "hidden";
}
noWelcome.style.display = "none";
noWelcome.innerHTML = "";
}
// 无条件隐藏（放在 if 外，确保始终生效）
if (document.querySelector(".word-offerswelcomme")) {
document.querySelector(".word-offerswelcomme").style.display = "none";
}
noWelcome.style.display = "none";
noWelcome.innerHTML = "";
});? 关键提示：
立即学习“Java免费学习笔记（深入）”；
- textContent 比 innerHTML 更安全（避免意外解析 HTML）；
- 始终添加 if 判空，防止 null 调用报错中断执行；
- 检查字符串匹配是否区分大小写（"ltimate" → "Ultimate"）；
- style.setProperty("visibility ", ...) 中键名含多余空格，应改为 "visibility"。
2. 通过 wp_enqueue_script 正确注册并加载外部 JS
不要直接在
或
