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

关闭。此问题不可重复或由错别字引起。它当前不接受答案。

想改善这个问题吗？更新问题, 使其成为Stack Overflow的主题。

3年前关闭。

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

#1

你需要将此JQuery更正为jQuery

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

    alert("Hello");
});

#2

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

正确的代码如下所示：

$(document).ready( function($)