jquery - 当 jQuery 不工作时该怎么办？

Question

我正在运行一个 WordPress 网站。wp-includesjQuery 1.8.3 是从目录中加载的。

<script type="text/javascript">
$(document).ready(function(){
    alert("jQuery works!!");
});
</script>

页面加载时没有任何反应。所以我检查了浏览器控制台...

根据页面，我看到：

Uncaught ReferenceError: $ is not defined

或者

Uncaught TypeError: Property '$' of object [object Object] is not a function

这指向：

$(document).ready(function(){

怎么回事，最简单的 jQuery 功能根本不起作用……？难道我做错了什么？

我习惯于使用 PHP 编程并在页面上输出错误，第二个东西不起作用，通常很容易找到并纠正错误。

遇到这种情况时，jQuery 常用的调试技术有哪些？

如何让这个基本的 jQuery 函数在我的 WordPress 网站上工作？

除了我自己的，没有启用任何 WordPress 插件。我也有一个新鲜的空白主题。所以没有主题或插件冲突。

score 3 · Accepted Answer

WordPressjQuery.noConflict()自动调用，导致$变量不可用。

试试这个：

jQuery(document).ready(function($) {
    alert("jQuery works!!");
});

在全局命名空间中使用jQuery而不是，但使用函数参数重新定义，允许您在文档就绪函数的范围内按预期使用它。$$

它与您的问题没有直接关系，但此代码也可以进一步缩短，如下所示：

jQuery(function($) {
    alert("jQuery works!!");
});

score 2 · Accepted Answer

2

WordPress 总是以无冲突模式运行 jQuery。因此，$您应该使用jQuery.

于 2013-06-21T01:03:24.637 回答

2 回答 2