WordPress中JS因W3 Total Cache失效？附代码求助

云上老周

2026-8-10

问题修复方案

核心问题分析

你的JS函数在W3 Total Cache（W3TC）激活后失效，大概率是以下两个原因：

W3TC的JS优化（合并、压缩、延迟加载）导致代码执行时机与DOM渲染不同步
原代码中jQuery(this)的指向存在隐患：在document.ready回调里，this指向document对象，若W3TC调整了DOM加载顺序，可能出现元素未找到的情况

修复步骤

1. 修正JS代码逻辑

替换原代码为更稳妥的写法，确保元素存在后再赋值，同时避免指向歧义：

// 原生JS写法（兼容性更好，避免jQuery依赖冲突）
document.addEventListener('DOMContentLoaded', function() {
    const titleEl = document.querySelector('.auto-titles h2');
    const inputEl = document.getElementById('cstapply');
    if (titleEl && inputEl) {
        inputEl.value = titleEl.textContent.trim();
    }
});

如果坚持用jQuery：

jQuery(document).ready(function() {
    // 直接从根节点查询元素，避免this指向问题
    const titleText = jQuery('.auto-titles h2').text().trim();
    jQuery('#cstapply').val(titleText);
});