WordPress 4.5.2: Uncaught ReferenceError: JQuery is not defined

Question

为什么我的代码无法运行并且浏览器的控制台正在产生错误 "JQuery is not defined"，即使我正在正确地将我的 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（如果字母大小写对您来说难以记忆）。注意：JavaScript（jQuery 是使用 JavaScript 构建的库）区分大小写。

正确的代码如下：

$(document).ready( function($)

Answer 2

您需要将此 JQuery 更正为 jQuery

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

    alert("Hello");
});

WordPress 4.5.2: Uncaught ReferenceError: JQuery is not defined

WordPress 4.5.2: Uncaught ReferenceError: JQuery is not defined

javascript

wordpress

jquery

wordpress-theming