我创建了一个小的自定义脚本,根据是否有横幅修复了不同点的侧边栏。我在我的子函数文件中使用了enqueue脚本,然后在我的javascript中使用了custom.js文件。见下文:
function.php(在儿童主题文件夹中)
function custom_scripts() {
wp_register_script( 'custom-script', get_stylesheet_directory_uri() . '/custom.js', array() , false, true );
wp_enqueue_script( 'custom-script' );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts', 99 );
custom.js(在儿童主题文件夹中)
$(function() {
var div = $(".sidebar-wrapper");
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if ($(".sidebar-wrapper").closest(".mk-main-wrapper").length && scroll > 147) {
div.addClass("fixed-product-nav");
} else if (scroll > 263) {
div.addClass("fixed-product-nav");
} else {
div.removeClass("fixed-product-nav");
}
});
});
就像我说的,这很完美,但现在我的WP主题(Jupiter)已经做了一个更新,现在使用require.js,他们告诉我WordPress入队脚本将不再有效。是真的还是我只需要使用不同的方式来加载脚本?
由于这是自定义工作,因此主题支持无济于事。
当我查看页面源代码时,我可以看到在页面上加载了custom.js,这让我觉得脚本出了问题,但它曾经完美地运行并且页面的HTML结构没有改变。
所以我想真正的问题是如何让我的custom.js加载和工作,就像它一样,但是使用require.js?
该网站处于开发模式,所以我很抱歉,但我无法共享公共链接。
非常感谢任何帮助。