排队脚本不起作用

Question

我已经通过在目录中创建一个js文件夹将我的custom_script.js添加到我的子主题中，并且我在我的function.php中添加了这样的内容。

/*** Make Header Shrink on Page Scroll**/
add_action( 'wp_enqueue_scripts', 'scroll_enqueue_script',15 );
function scroll_enqueue_script() {
wp_register_script('scroll_custom_script', get_stylesheet_directory_uri() . '/js/custom_script.js', array('jquery'), '4.3.1', true);

wp_enqueue_script('scroll_custom_script');
}

我在我的元素中通过开发者控制台看到脚本，在我的资源中我可以看到代码。但它似乎没有触发。我在滚动时发出警报以测试它是否会触发，我似乎无法触发它。

jQuery(document).ready(function($){
$(function(){
var hasBeenTrigged = false;
$(window).scroll(function() {
    if ($(this).scrollTop() >= 100 && !hasBeenTrigged) { // if scroll is greater/equal then 100 and hasBeenTrigged is set to false.
        alert("You've scrolled 100 pixels.");
        hasBeenTrigged = true;
    }
});
});
});