【WordPress的子主题jQuery与父主题的jQuery冲突】我开发了一个Wordpress Child主题, 其中加入了jQuery:
wp_enqueue_script('jquery-js', '//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js');
但这与父主题中排队的jQuery有冲突。
因此, 我删除了上面的入队脚本, 并在我的脚本入队中添加了依赖性:
wp_enqueue_script('main-js', get_theme_file_uri('/js/scripts-bundled.js'), array('jquery'), '1.2', true);
但这没有用(在浏览器控制台中收到错误” $不是函数” )。我检查了页面源代码, 发现在我的子主题的脚本之后加载了父主题的脚本。
我该如何解决这个问题?
#1第一种方法是错误的, 你不应该排队外部jQuery文件。
第二种方法是正确的, 但是有一个小问题可以通过以下两种方法之一解决:
将所有$符号替换为js / scripts-bundled.js中的jQuery。它将解决问题。这是比我在下面写的方法更正确的方法。
使用以下脚本禁用jQuery Noconflict模式:(你可以将其添加到主题的functions.php中)
function disable_noconflict() {
wp_add_inline_script( 'jquery-core', '$ = jQuery;
' );
}
add_action( 'wp_enqueue_scripts', 'disable_noconflict' );
推荐阅读
- WordPress子主题不会覆盖更改
- #yyds干货盘点 抓取牛客最新前端面试题五百道 数据分析JS面试热点
- #yyds干货盘点#MySQL索引优化系列(索引全用及最左法则)
- 「悟空熊」采访实录,你想知道的都在这里!
- #yyds干货盘点#Android简介Android专题1
- K8SSecret的使用
- #yyds干货盘点# 空格替换问题
- Windows 11 开启外网访问mysql之 防火墙设置#yyds干货盘点#
- #yyds干货盘点# Spring认证中国教育管理中心-Apache Cassandra 的 Spring 数据教程七