使用maxCDN与W3TC的WordPress站点jQuery缓存异常致下拉失效

Let’s dive straight into solving this—since you’ve already pinpointed that the un-updated jQuery core file is breaking your dropdowns, and general cache clears aren’t touching it, here are targeted, actionable fixes:

• Dig into W3TC’s Minify & Browser Cache Settings

  • Head to W3 Total Cache → Minify. If jQuery is set to "Minify and combine", the plugin might be holding onto a cached version of the combined file that a general purge doesn’t touch. Try toggling minify off for jQuery, save settings, clear all W3TC caches, then toggle it back on. This forces W3TC to rebuild the minified file from scratch.
  • Check the Browser Cache tab too. If JS files have an extremely long expiration TTL (like 30+ days), that could override your purge requests. Temporarily set it to 1 hour, save, and clear cache to test if jQuery updates.

• Targeted Purge in MaxCDN

  • Full site purges in MaxCDN sometimes miss specific core files. Instead, find the exact URL of your jQuery core file (e.g., /wp-includes/js/jquery/jquery-core.js or its minified variant) and purge only that path in your MaxCDN dashboard.
  • Double-check MaxCDN’s cache rules—some configurations set longer TTLs for WordPress core assets, making them resistant to purges. Adjust the rule for jQuery to allow shorter TTLs or manual purges.

• Ensure WordPress is Loading Core jQuery Correctly

  • Some themes or plugins hardcode jQuery versions instead of using WordPress’ native wp_enqueue_script, which can lock the CDN into caching an outdated file. Add this snippet to your theme’s functions.php to force WordPress to load its latest core jQuery:

    function reset_jquery_loading() {
        wp_deregister_script('jquery');
        wp_register_script('jquery', includes_url('/js/jquery/jquery-core.js'), array(), false, true);
        wp_enqueue_script('jquery');
    }
    add_action('wp_enqueue_scripts', 'reset_jquery_loading');
    

  • After adding this, clear both W3TC and MaxCDN caches again. The false parameter removes a static version number from the URL, helping with cache purges, and true loads jQuery in the footer (a bonus for performance).

• Verify with Cache Bypass Tests

  • To confirm the issue is cache-related, append a random query string to the jQuery URL in your browser (e.g., /wp-includes/js/jquery/jquery-core.js?test=123). If the dropdowns work with this, you know the problem is definitely with cached versions.
  • Use your browser’s DevTools Network tab: reload the page, locate the jQuery file, and check the "Age" header. If it’s still showing an old timestamp after purging, the CDN hasn’t pulled the updated file yet.

Once you’ve tried these steps, your dropdowns should start working again as the fresh jQuery file loads properly.

内容的提问来源于stack exchange，提问作者Henry