我创建了一个小的自定义脚本,它根据是否有横幅在不同的位置修复了一个侧栏。我在子函数文件中使用了排队脚本,然后使用了自定义脚本。js文件和我的javascript。见下文:
function.php (In Child Theme Folder)
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 (In Child Theme Folder)
$(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。他们告诉我WordPress排队脚本将不再工作。这是真的还是我只需要使用不同的方式来加载脚本?由于这是自定义工作,因此主题支持不会有帮助。
当我查看页面源代码时,我可以看到自定义。js加载到页面上,让我觉得脚本有问题,但它过去工作得很好,页面的HTML结构没有改变。
所以我想真正的问题是我如何获得我的习惯。js可以像它那样加载和工作,但需要。js?
该网站处于开发模式,因此很抱歉,我无法共享公共链接。
非常感谢您的帮助。