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' );

来源:

https://www.srcmini02.com/66021.html

微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?