2

JavaScriptファイルをプラグインに正しくキューイングしているのに、コードが実行できず、ブラウザのコンソールで「JQueryが定義されていません」というエラーが発生します。WordPress 4.5.2:Uncaught ReferenceError:JQueryが定義されていません

前のJQueryライブラリファイルもJavaScriptファイルの前にインポートされています。

以下のコードを見て、私は何か間違ったことをやっている場合は私に知らせてください:

ファイルのパス:WP-コンテンツ/プラグイン/ 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-コンテンツ/プラグイン/ 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> 

同様の問題を持つワードプレスのユーザーからウェブ上で示唆したように、私はWP-config設定へのコードの下に追加し、すでに疲れています。 PHPファイルが、私は手紙のケーシングは私にあなたのため困難である場合は、(簡単にするためのjQueryの代わりにドル記号を使用することができますワードプレス4.5.2

+8

このJQueryを修正する必要があります。大文字の問題 –

答えて

4

あなたはそれが `jQuery`、ない` JQuery`でなければなりませんjQuery

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

    alert("Hello"); 
}); 
+1

ありがとうHemnath!私は愚かな間違いを犯していて、多くの時間を無駄にした。 – Akash

+0

@Akash問題はない! –

2

を使用しています運

define('CONCATENATE_SCRIPTS', false); 

モール)。 注:JavaScript(jQueryはJavaScriptを使用して構築されたライブラリです)では、大文字と小文字が区別されます。

正しいコードは次のようになります。

$(document).ready(function($) 
+0

注:jQueryはJavaScriptに基づいていません。それは* JavaScriptです。 2つの別々のものと間違えないでください。 –

+0

私が間違っていれば私を修正してください、それはJavaScriptを使ってビルドされたライブラリです。つまり、JavaScriptを基にしたものです。 –

+2

あなたはJavaScriptで構築されていますが、jQueryを使ってコードを書くときはJavaScriptを書いています。 jQueryは別の言語ではありません。特定の言語で使用するライブラリです。 –

関連する問題