W3 Total Cache添加脚本按钮失效：jQuery版本冲突问题求助

If you're troubleshooting render-blocking resources and hit a wall where the Add a script and Add a style sheet buttons on W3 Total Cache's Minify settings page don’t react when clicked, here’s a breakdown of the issue and actionable fixes:

The Root Cause #

Check your browser’s developer console, and you’ll see an error like this:

jQuery(...).live is not a function

This compatibility break happens for two key reasons:

• Your WordPress site is running jQuery 1.12.4 (a standard version bundled with most WordPress installations)
• W3 Total Cache’s options.js file still uses the .live() method, which was removed in jQuery 1.9+. The plugin’s code hasn’t been updated to use the modern replacement .on() method, leading to the unresponsive buttons.

Solutions #

1. Directly Patch W3TC’s JavaScript File

This targets the exact code causing the failure:

• Navigate to your WordPress plugin directory and locate the W3TC folder: wp-content/plugins/w3-total-cache
• Open the file lib/js/admin/options.js
• Search for every instance of .live( in the file
• Replace each occurrence with .on() — and adjust the syntax for dynamic elements (the original use case for .live()):
  • Old code example:

    jQuery('.w3tc_add_script').live('click', function() { ... });
    

  • Updated code (using event delegation on a parent element like document):

    jQuery(document).on('click', '.w3tc_add_script', function() { ... });
    

• Save the file, refresh the Minify settings page, and the buttons should start working normally.

⚠️ Important Note: If you update W3 Total Cache later, this change will be overwritten. Be sure to backup the modified file or re-apply the fix after plugin updates.

2. Use jQuery Migrate (Temporary Workaround)

If you prefer not to modify plugin files, install and activate the jQuery Migrate plugin. This tool restores deprecated jQuery methods like .live(), letting W3TC’s older code run alongside your site’s newer jQuery version without errors.

This is a quick, low-effort fix, but keep in mind it adds a small extra script to your site. Once W3 Total Cache releases an official update that resolves the compatibility issue, you can disable or remove jQuery Migrate.

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