WordPress functions.php和jQuery没有正确链接

Question

我一直试图找出为什么我的jQuery不能正常使用我的自定义Wordpress网站？

这是 functions.php 文件

<?php 

    function customcode_theme_styles() {
        wp_enqueue_style('customcode-css', get_template_directory_uri() . '/style.css');
    }
    add_action ('wp_enqueue_scripts', 'customcode_theme_styles');

    function customcode_theme_js() {
        wp_enqueue_script('easing-js', get_template_directory_uri() . '/js/jquery.easing.1.3.js', array('jquery'));
        wp_enqueue_script('animate-enhanced-js', get_template_directory_uri() . '/js/jquery.animate-enhanced.min.js', array('jquery'));
        wp_enqueue_script('superslides-js', get_template_directory_uri() . '/js/jquery.superslides.min.js', array('jquery'));
        wp_enqueue_script('customcode-js', get_template_directory_uri() . '/js/customcode.js', array('jquery'));
    }
    add_action ('wp_enqueue_scripts', 'customcode_theme_js');

?>

现在我可以很好地链接我的CSS，但是jQuery没有正确链接？

这里是 customcode.js 文件我试图将我的functions.php链接到：

$(window).scroll(function() {
          if ($(document).scrollTop() > 50) {
            $('.navbar').addClass('nav-scroll');
          } else {
            $('.navbar').removeClass('nav-scroll');
          }
});

我错过了什么吗？请允许我知道，非常感谢任何帮助！