WordPress 4.5.2：未捕获的 ReferenceError：未定义 JQuery

Question

为什么我的代码无法运行并且浏览器的控制台产生错误“未定义 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

Answer 1

您需要纠正这种JQuery给jQuery

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

    alert("Hello");
});