本地加载jQuery的替代方案及wp_enqueue_script返回NULL问题咨询

嘿，我来帮你搞定这个问题～

除了通过外部CDN链接加载jQuery，你完全可以用本地文件来加载，这里有两种靠谱的方式：

1. 手动在模板中引入本地jQuery文件 #

把下载好的jQuery（比如jquery.min.js）放到你主题目录下的js文件夹里（没有的话新建一个），然后在主题的header.php或者footer.php里添加这段代码：

<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.min.js"></script>

注意：尽量把脚本放在</body>标签前（也就是footer里），这样不会阻塞页面渲染；另外要确保jQuery版本和你需要的功能兼容，避免出现兼容性问题。

2. 通过WordPress脚本注册机制替换为本地版本 #

这种方法更符合WordPress的规范，还能避免重复加载的问题。把下面的代码放到主题的functions.php文件里：

function load_local_jquery() {
    // 先注销WordPress默认的jQuery
    wp_deregister_script('jquery');
    // 注册本地的jQuery文件
    wp_register_script(
        'jquery',
        get_template_directory_uri() . '/js/jquery.min.js', // 本地文件路径
        array(), // 依赖项，jQuery没有前置依赖，所以留空
        '3.7.1', // 你的jQuery版本号
        true // 设为true表示在footer加载，优化性能
    );
    // 加载注册好的脚本
    wp_enqueue_script('jquery');
}
// 挂载到WP的脚本加载钩子上
add_action('wp_enqueue_scripts', 'load_local_jquery');

你遇到返回NULL的情况，大概率是调用时机不对或者默认jQuery被注销了，试试下面的方法：

1. 确保在正确的钩子中调用 #

WordPress的脚本加载有专门的钩子wp_enqueue_scripts，直接在模板文件里调用wp_enqueue_script("jquery")会因为时机太早导致返回NULL。把代码放到functions.php里：

function enqueue_default_jquery() {
    $script = wp_enqueue_script('jquery');
    // 你可以在这里打印调试，看看是否成功
    // var_dump($script);
}
add_action('wp_enqueue_scripts', 'enqueue_default_jquery');

这样调用就符合WP的规范，不会返回NULL了。

2. 检查是否被其他代码注销了jQuery #

有些主题或插件会为了加载自定义脚本而注销默认的jQuery，你可以搜一下主题的functions.php或者已激活插件的代码里有没有wp_deregister_script('jquery')这行。如果有，要么注释掉这行恢复默认加载，要么按照上面的方法替换成你自己的本地jQuery。

3. 清除缓存验证 #

本地XAMPP环境有时候会有浏览器缓存或者WP缓存插件的影响，清一下浏览器缓存，或者禁用缓存插件（如果有的话），然后刷新页面再检查。

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