WordPress 4.5.2：未捕获的 ReferenceError：未定义 JQuery [关闭]答案

【问题标题】：WordPress 4.5.2: Uncaught ReferenceError: JQuery is not defined [closed]WordPress 4.5.2：未捕获的 ReferenceError：未定义 JQuery [关闭]
【发布时间】：2016-05-23 22:16:30
【问题描述】：

为什么我的代码无法运行并且浏览器的控制台会产生错误“JQuery 未定义”，即使我将我的 JavaScript 文件正确地排队到插件中。

根据源代码，之前的 JQuery 库文件也在我的 JavaScript 文件之前导入。

请查看下面的代码，如果我做错了什么，请告诉我：

文件路径：wp-content/plugins/AjaxTest/AjaxTest.php

<?php
/*
Plugin Name: Ajax Test
Description: This is a Ajax Test plugin
Version: 1.0
*/

function add_ajax_file()
{
    wp_enqueue_script('ajax-test', plugins_url('/js/ajax.js', __FILE__), array('jquery'));
}

add_action('wp_enqueue_scripts', 'add_ajax_file');

文件路径：wp-content/plugins/AjaxTest/js/ajax.js

JQuery(document).ready( function($){

    alert("Hello");
});

控制台中的错误消息：

Uncaught ReferenceError: JQuery is not defined
(anonymous function)    @   ajax.js?ver=4.5.2:1

以上代码在浏览器中运行后JavaScript文件在源代码中的顺序：

<script type='text/javascript' src='http://localhost/wordpress1/wp-includes/js/jquery/jquery.js?ver=1.12.3'></script>
<script type='text/javascript' src='http://localhost/wordpress1/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.0'></script>
<script type='text/javascript' src='http://localhost/wordpress1/wp-content/plugins/AjaxTest/js/ajax.js?ver=4.5.2'></script>

正如有类似问题的 WordPress 用户在网上建议的那样，我已经厌倦了将以下代码添加到 wp-config.php 文件中，但没有运气

define('CONCATENATE_SCRIPTS', false);

我使用的是 WordPress 4.5.2

【问题讨论】：

应该是jQuery，而不是JQuery。大小写很重要。

标签： javascript jquery wordpress wordpress-theming

【解决方案1】：

您需要将此JQuery 更正为jQuery

jQuery(document).ready( function($){

    alert("Hello");
});

【讨论】：

感谢 Hemnath！我犯了一个愚蠢的错误，浪费了很多时间

【解决方案2】：

为简单起见，您可以使用美元符号代替 jQuery（如果您难以记住字母大小写）。注意：JavaScript（jQuery 是使用 JavaScript 构建的库）区分大小写。

正确的代码如下所示：

$(document).ready( function($)

【讨论】：

注意：jQuery 并非基于 JavaScript。它是 JavaScript。不要把它们误认为是两个不同的东西。
好吧，如果我错了，请纠正我，这是一个使用JavaScript构建的库，这就是我所说的基于JavaScript的意思
你说得对，它是用 JavaScript 构建的，但是当你使用 jQuery 编写代码时，你就是在编写 JavaScript。 jQuery 不是一门独立的语言。它只是一个用于特定语言的库。
我已经编辑了我的答案以防止混淆。感谢您使答案更清晰。