我运行WordPress版本4.7.2。它使用jQuery 1.12版。我需要将此版本更新为更高版本。我以前用新版本替换过它,但是当我升级WordPress核心时,它又被1.12替换了。如何更改WordPress永久使用的jQuery版本?
我运行WordPress版本4.7.2。它使用jQuery 1.12版。我需要将此版本更新为更高版本。我以前用新版本替换过它,但是当我升级WordPress核心时,它又被1.12替换了。如何更改WordPress永久使用的jQuery版本?
Answers:
警告:您不应该替换核心jQuery版本,尤其是在管理面板中。由于许多WordPress核心功能可能取决于版本。另外,其他插件可能取决于
jQuery
内核中添加的版本。
如果确定要更改核心jQuery
版本,则可以在活动主题的functions.php
文件中添加以下CODE (如果为此创建了插件,则更好):
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
从Google的服务器加载版本。
另外,尽管不建议这样做,但您也可以使用以下附加的CODE行替换jQuery版本wp-admin
:
add_action( 'admin_enqueue_scripts', 'replace_core_jquery_version' );
这样,即使在更新WordPress之后,您也将拥有所需的版本jQuery
。
replace_core_jquery_version
上面的功能还删除jquery-migrate
了WordPress核心添加的脚本。这是合理的,因为最新版本的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' );
}
wp_enqueue_scripts
仅更新jQuery,并且jQuery从其他地方入队,则删除操作将还原原始jQuery。但是,有时浏览器会根据服务器缓存设置缓存旧的CODE,因此,您需要在清除浏览器缓存后才能看到更改。
我已经针对此特定问题开发了一个插件。该插件不会与WordPress jQuery混淆,因为它仅加载在前端。请参阅:WordPress的jQuery Manager
为什么还有另一个jQuery Updater / Manager / Developer / Debugging工具?
因为没有开发人员工具允许您选择特定版本的jQuery和/或jQuery Migrate。提供生产版本和缩小版本。请参阅下面的功能!
✅只有在前端执行时,不与WordPress管理/后端和WP定制干扰(由于兼容性原因)见: https://core.trac.wordpress.org/ticket/45130和 HTTPS://芯。 trac.wordpress.org/ticket/37110
✅ 打开/关闭 jQuery和/或jQuery的迁移
✅激活特定版本的jQuery和/或jQuery Migrate
以及更多!该代码是开源的,因此您可以学习,学习和贡献。
WordPress实际上使用的是jquery-core句柄,而不是jquery:
// 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' );
在jQuery的手柄只是一个别名负荷的jQuery核心与jQuery的迁移
查看关于别名的更多信息:wp_register_script多个标识符?
在下面的示例中,我使用https://code.jquery.com上的官方jQuery CDN,也使用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 /wordpress/283828/wp-register-script-multiple-identifiers
* We first register the script and afther that we enqueue it, see why:
* /wordpress/82490/when-should-i-use-wp-register-script-with-wp-enqueue-script-vs-just-wp-enque
* /programming/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 );