腾讯云服务器优惠活动华纳云香港服务器

禁止加载WordPress自带jquery库解决JS冲突问题

WordPress主题推荐

Three主题安装WP Super Cache缓存插件的时候,网站底部的随机推荐滚动条在文章页/页面无法滚动,经检查发现这些页面加载了两次jquery文件,其中一个是加载Three主题的,另一个是在家WordPress默认的,最终结果就是导致Jquery冲突。幸好在知更鸟那里找到这篇《禁止加载WordPress自带jquery库》文章帮我解决了问题。

禁止加载WordPress自带jquery库解决JS冲突问题-第1张-boke112百科(boke112.com)

以下是原文:

WordPress主题和插件都会加载不同的JQ库,包括加载Wordpress自带jquery库,从而不可避免地会产生一些冲突,并造成重复加载影响页面加载速度,利用下面的代码可以禁止加载Wordpress自带j的query库,避免JS冲突。

方法一:

  1. //禁止加载默认jq库
  2. function my_enqueue_scripts() {
  3. wp_deregister_script(‘jquery’);
  4. }
  5. add_action( ‘wp_enqueue_scripts’, ‘my_enqueue_scripts’, 1 );

方法二:

  1. //禁止加载默认jq库
  2. if ( !is_admin() ) { // 后台不禁止
  3. function my_init_method() {
  4. wp_deregister_script( ‘jquery’ ); // 取消原有的 jquery 定义
  5. }
  6. add_action(‘init’, ‘my_init_method’);
  7. }
  8. wp_deregister_script( ‘l10n’ );

将上面其中一种方法的代码添加到当前主题的functions模板文件最后一个“?>”上面即可解决WordPress的JS冲突问题。

PS:本站亲自测试,使用方法一解决了WordPress的JS冲突问题,从而让网站底部的随机推荐滚动条在文章页/页面也能正常滚动了。其他使用Three主题的,可以参照此文自行解决。

特别提示:有网友提出这个代码有缺点。WP自带了JQuery的主库和一些辅库。这个代码会禁用所有wp-includes目录内跟JQuery相关的所有js文件,造成部分插件不能工作。

PS:本站使用一段时间后,感觉那个统计文章的插件不起作用了,怎么刷新都不变,删除这个代码却正常,看来还是有影响的。我已经删除了。

本文地址:https://boke112.com/post/1841.html

赞 (0) 打赏
版权声明:本文为原创文章,版权归 boke112百科 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
香港云主机55元/年
wu