虽然使用它的插件工作正常，但jQuery在Wordpress中不起作用

Question

所以我一直在尝试将简单的图片滑块添加到我网站的页面中。出于某种原因，当我尝试调用它时，似乎jQuery根本不起作用。

看看这个页面：

http://www.evanart.com/test/

单击该按钮会显示警报，但这只是简单的javascript。如果你查看源代码，我也试图用jQuery在页面加载上发出警报，但什么也没发生。我在帖子和头部都运行该脚本。脚本本身没有任何问题 - 我已经在另一个网站上试过它并且工作正常。

所以，jQuery不起作用。看起来它的链接就好了。我也有一些wordpress插件运行（灯箱，懒惰加载器和无限滚动功能），这些都运行良好。我做错了什么？

Answer 1

wordpress中的jQuery库不会将$声明为jQuery变量。

如果你想使用$，你可以使用$ as参数和jQuery作为值在匿名函数内编写代码：

(function ($) {

  // put the code that uses $ in here.

}(jQuery));

或者，为了匹配您的代码：

jQuery(document).ready(function($) {
  // put the code here
}(jQuery));

Answer 2

WordPress以no conflict模式加载jQuery，以防止与其他库发生问题。

因此，您必须在代码中使用jQuery代替$。

例如，我在您的页面中看到了这一点：

$(document).ready(function() {
   alert('hi');
});

要使其正常工作，并且仍使用$标志，您必须使用jQuery noConflict Wrapper：

jQuery(document).ready(function($) {
   alert('hi');
});