Update jquery version

时间:2017-02-21 作者:Siamak Ferdos

我运行WordPress版本4.7.2。它使用jQuery版本1.12。我需要将此版本更新到更高的版本。以前我用一个新版本替换了它,但当我升级WordPress core时,它又被1.12替换了。如何更改WordPress永久使用的jQuery版本?

2 个回复
最合适的回答,由SO网友:Fayaz 整理而成

Warning: 您不应该替换核心jQuery版本,especially in the admin panel. 因为许多WordPress的核心功能可能取决于版本。此外,其他插件可能取决于jQuery 核心中添加的版本。

如果确定要更改核心jQuery 版本,在这种情况下,您可以在活动主题的functions.php 文件(如果为此创建插件,则效果更佳):

function replace_core_jquery_version() {
    wp_deregister_script( \'jquery\' );
    // Change the URL if you want to load a local copy of jQuery from your own server.
    wp_register_script( \'jquery\', "https://code.jquery.com/jquery-3.1.1.min.js", array(), \'3.1.1\' );
}
add_action( \'wp_enqueue_scripts\', \'replace_core_jquery_version\' );
这将替换旧件jQuery 版本,而不是加载版本3.1.1 来自谷歌的服务器。

此外,尽管not recommended, 您可以使用以下附加代码行替换中的jQuery版本wp-admin 以及:

add_action( \'admin_enqueue_scripts\', \'replace_core_jquery_version\' );
这样,即使在更新WordPress之后,您也可以获得jQuery 随你的便。

稍好一点的功能:

replace_core_jquery_version 上述函数还删除jquery-migrate WordPress core添加的脚本。这是合理的,因为jQuery的最新版本不能与旧版本的正常工作jquery-migrate. 但是,您可以包括更新版本的jquery-migrate 也在这种情况下,请使用以下函数:

function replace_core_jquery_version() {
    wp_deregister_script( \'jquery-core\' );
    wp_register_script( \'jquery-core\', "https://code.jquery.com/jquery-3.1.1.min.js", array(), \'3.1.1\' );
    wp_deregister_script( \'jquery-migrate\' );
    wp_register_script( \'jquery-migrate\', "https://code.jquery.com/jquery-migrate-3.0.0.min.js", array(), \'3.0.0\' );
}

SO网友:Remzi Cavdar

我已经为这个特定的问题开发了一个插件。该插件不会影响WordPress jQuery,因为它只在前端加载。请参见:jQuery Manager for WordPress

为什么还有另一个jQuery更新程序/管理器/开发人员/调试工具

因为没有任何开发人员工具允许您选择jQuery和/或jQuery迁移的特定版本。提供生产版和缩小版。请参见下面的功能!

✅ 仅在前端执行,doesn\'t interfere with WordPress admin/backend and WP customizer (出于兼容性原因)请参阅:https://core.trac.wordpress.org/ticket/45130https://core.trac.wordpress.org/ticket/37110

Turn on/off jQuery和/或jQuery迁移

✅ 激活aspecific version jQuery和/或jQuery迁移的

还有更多!代码是开源的,因此您可以研究它,从中学习并做出贡献。


几乎每个人都使用不正确的句柄,WordPress实际上使用的是jquery核心句柄,而不是jquery:

https://github.com/WordPress/WordPress/blob/91da29d9afaa664eb84e1261ebb916b18a362aa9/wp-includes/script-loader.php#L226

// jQuery
$scripts->add( \'jquery\', false, array( \'jquery-core\', \'jquery-migrate\' ), \'1.12.4\' );
$scripts->add( \'jquery-core\', \'/wp-includes/js/jquery/jquery.js\', array(), \'1.12.4\' );
$scripts->add( \'jquery-migrate\', "/wp-includes/js/jquery/jquery-migrate$suffix.js", array(), \'1.4.1\' );
Thejquery 句柄只是要加载的别名jquery-core 具有jquery-migrate

查看有关别名的更多信息:wp_register_script multiple identifiers?

正确的方法在下面的示例中,我使用官方jQuery CDNhttps://code.jquery.com 我还使用script_loader_tag 这样我就可以添加一些CDN属性
您可以使用以下代码:

// Front-end not excuted in the wp admin and the wp customizer (for compatibility reasons)
// See: https://core.trac.wordpress.org/ticket/45130 and https://core.trac.wordpress.org/ticket/37110
function wp_jquery_manager_plugin_front_end_scripts() {
    $wp_admin = is_admin();
    $wp_customizer = is_customize_preview();

    // jQuery
    if ( $wp_admin || $wp_customizer ) {
        // echo \'We are in the WP Admin or in the WP Customizer\';
        return;
    }
    else {
        // Deregister WP core jQuery, see https://github.com/Remzi1993/wp-jquery-manager/issues/2 and https://github.com/WordPress/WordPress/blob/91da29d9afaa664eb84e1261ebb916b18a362aa9/wp-includes/script-loader.php#L226
        wp_deregister_script( \'jquery\' ); // the jquery handle is just an alias to load jquery-core with jquery-migrate
        // Deregister WP jQuery
        wp_deregister_script( \'jquery-core\' );
        // Deregister WP jQuery Migrate
        wp_deregister_script( \'jquery-migrate\' );

        // Register jQuery in the head
        wp_register_script( \'jquery-core\', \'https://code.jquery.com/jquery-3.3.1.min.js\', array(), null, false );

        /**
         * Register jquery using jquery-core as a dependency, so other scripts could use the jquery handle
         * see https://wordpress.stackexchange.com/questions/283828/wp-register-script-multiple-identifiers
         * We first register the script and afther that we enqueue it, see why:
         * https://wordpress.stackexchange.com/questions/82490/when-should-i-use-wp-register-script-with-wp-enqueue-script-vs-just-wp-enque
         * https://stackoverflow.com/questions/39653993/what-is-diffrence-between-wp-enqueue-script-and-wp-register-script
         */
        wp_register_script( \'jquery\', false, array( \'jquery-core\' ), null, false );
        wp_enqueue_script( \'jquery\' );
    }
}
add_action( \'wp_enqueue_scripts\', \'wp_jquery_manager_plugin_front_end_scripts\' );


function add_jquery_attributes( $tag, $handle ) {
    if ( \'jquery-core\' === $handle ) {
        return str_replace( "type=\'text/javascript\'", "type=\'text/javascript\' integrity=\'sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=\' crossorigin=\'anonymous\'", $tag );
    }
    return $tag;
}
add_filter( \'script_loader_tag\', \'add_jquery_attributes\', 10, 2 );