个性化阅读
专注于IT技术分析

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($)
赞(0) 打赏
未经允许不得转载:srcmini » WordPress 4.5.2:未捕获的ReferenceError:未定义JQuery [关闭]
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏