jquery - 自定义 WordPress 主题中的 jQuery 片段

Question

我找到了一个jQuery 滚动技巧，我想在我的自定义 WordPress 主题中使用它。我遇到的问题是给定的功能.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);

现在它按预期加载。