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);

现在按预期加载。

自定义WordPress主题中的jQuery片段

1 个答案: