javascript - jQuery 在 Wordpress 中不起作用，尽管使用它的插件运行良好

Question

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

看看这个页面：

单击该按钮会显示一个警报，但这只是普通的 javascript。如果您查看源代码，我也在尝试使用 jQuery 在页面加载时发出警报，但没有任何反应。我在帖子和头脑中都在运行该脚本。脚本本身没有任何问题 - 我已经在另一个站点上尝试过它，它工作正常。

所以，jQuery 不工作。看起来它的链接很好。我还运行了一些 wordpress 插件（灯箱、惰性加载器和无限滚动功能），它们都运行良好。我究竟做错了什么？？

score 0 · Accepted Answer

wordpress 中的 jQuery 库没有将 $ 声明为 jQuery 变量。

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

(function ($) {

  // put the code that uses $ in here.

}(jQuery));

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

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

score 0 · Accepted Answer

WordPress 以无冲突模式加载 jQuery，以防止其他库出现问题。

所以你必须在你的代码中使用jQuery而不是。$

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

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

为了让它工作，并且仍然使用这个$标志，你必须使用jQuery noConflict Wrapper：

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

2 回答 2