技巧:替换 WordPress 原有的 JQuery 版本

发布于
警告!这篇文章很旧!

文章上次更新时间是 2020 年,距离现在已经 4 年没有未更新/维护了,请根据实际情况谨慎使用。

原文

由于 WordPress 自带的 jquery 脚本还是老版本,那么想要升级为新版本的话可以这样做:编辑网站根目录下的 functions.php 文件,在其中添加以下代码。

// 不推荐在函数中设置为“在底部显示”,原因是设置后 jquery.min.js 有时会显示在其他 js 文件的最底下。
function replace_core_jquery_version() {
    if( !is_admin()) {
        wp_deregister_script('jquery-core');
        wp_register_script('jquery-core',get_template_directory_uri().'/js/jquery-3.5.1.min.js');
        wp_enqueue_script('jquery-core');
        wp_deregister_script('jquery-migrate');
        wp_register_script('jquery-migrate',get_template_directory_uri().'/js/jquery-migrate-3.3.1.min.js');
        wp_enqueue_script('jquery-migrate');
    }
}
add_action( 'wp_enqueue_scripts', 'replace_core_jquery_version' );

或者还可以直接删除,然后重新引入。

function replace_core_jquery_version() {
    if( !is_admin()) {
        wp_deregister_script('jquery-core');
        wp_deregister_script('jquery-migrate');
    }
}
add_action( 'wp_enqueue_scripts', 'replace_core_jquery_version' );

function wzm_register_scripts() {
    wp_enqueue_script( 'jquery-core-new', get_template_directory_uri().'/js/jquery-3.5.1.min.js', '', '', true );
    wp_enqueue_script( 'jquery-migrate-new', get_template_directory_uri().'/js/jquery-migrate-3.3.1.min.js', '', '', true );
}
add_action( 'wp_enqueue_scripts', 'wzm_register_scripts' );