自定义WordPress主题中的jQuery代码片段

Question

我发现我想在自定义WordPress主题中使用jQuery scroll trick。我遇到的问题是.scroll()的功能从未执行过。

为了调试的目的，我已经减少了脚本为以下：

(function() { 
    alert("foo"); 
    $(window).scroll(function (evt) { 
    alert("bar"); 
    }); 
})(); 

我已经放置在JS在mytheme.js和加入下列到functions.php：

function mytheme_enq_script() { 
    wp_enqueue_script('mytheme', get_template_directory_uri().'/mytheme.js', 
    array('jquery'), '0.1', true); 
} 
add_action('wp_enqueue_scripts', 'mytheme_enq_script'); 

的PHP必须是正确的，因为该脚本已加载并显示“foo”警报，但“bar”警报不会。我最小的jQuery代码有什么问题？

Answer 1

我看了一下Web控制台，通过TypeError: $ is not a function when calling jQuery function脱脂，改变了JS以下：

(function ($) { 
    alert("foo"); 
    $(window).scroll(function (evt) { 
    alert("bar"); 
    }); 
})(jQuery); 

现在它加载预期。