码迷,mamicode.com
首页 > Web开发 > 详细

移除 WordPress 自动加载的 jQuery,使用自定义 jQuery 版本

时间:2019-11-19 12:23:43      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:缓存   gis   效果   head   evel   main   移除   dom   href   

WordPress 使用的 jQuery 版本由于需要考虑到很多安全稳定的因素,所以一般不会使用最新版本的 jQuery,

可以通过以下方式移除 WordPress 自定加载的 jQuery,并加载自定义的 jQuery 

// Remove default jquery
function custom_jquery_enqueue() {    
    if( !is_admin()){
        wp_deregister_script(jquery);    // 移除默认加载的 jQuery
        wp_register_script(jquery, get_stylesheet_directory_uri() . /js/jquerys.js, false);   // 加载自定义的 jQuery,这段代码表示加载主题下的 js/jquery.js,并且版本号使用的是 WordPress 当前的版本
        wp_enqueue_script(jquery);
    }
}
add_action( wp_enqueue_scripts, custom_jquery_enqueue );

 

效果:

可以在 head 标签中查找到加载了下面的 jQuery

<script type="text/javascript" src="http://domain.com/wp-content/themes/theme-name/js/jquerys.js?ver=5.2.4"></script>

 

扩展:

上面的代码是将 WordPress 的版本做为 jQuery 的版本,如果 jQuery 突然需要更新,而此时你的 Wordpress 版本又没有同步更新的话,浏览器就会使用缓存中的 Jquery 版本,

所以需要通过以下代码使用自定义 jQuery 版本号

wp_register_script(jquery, get_stylesheet_directory_uri() . /js/jquery.js, ‘‘, 3.4.1, false);
wp_enqueue_script(jquery);

 

 相关函数官方文档参考:

https://developer.wordpress.org/reference/functions/wp_register_script/

移除 WordPress 自动加载的 jQuery,使用自定义 jQuery 版本

标签:缓存   gis   效果   head   evel   main   移除   dom   href   

原文地址:https://www.cnblogs.com/ryanzheng/p/11888200.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!