2

Warum mein Code nicht ausgeführt werden kann und die brower's console den Fehler "JQuery ist nicht definiert" erzeugt, obwohl ich meine JavaScript-Datei ordnungsgemäß in das Plugin eingereiht habe.WordPress 4.5.2: Uncaught ReferenceError: JQuery ist nicht definiert

Laut Quellcode importiert JQuery-Bibliotheksdatei zuvor auch vor meiner JavaScript-Datei.

Bitte nehmen Sie sich einen Blick auf den Code unten und lassen Sie mich wissen, wenn ich etwas tue, falsch:

Dateipfad: 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'); 

Dateipfad : wp-content/plugins/AjaxTest/js/ajax.js

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

    alert("Hello"); 
}); 

Fehlermeldung in Console:

Uncaught ReferenceError: JQuery is not defined 
(anonymous function) @ ajax.js?ver=4.5.2:1 

Reihenfolge der JavaScript-Dateien im Quellcode nach oben Code in den Browser ausgeführt wird:

<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> 

Wie auf Web von Wordpress Benutzern mit ähnlichem Problem vorgeschlagen, habe ich schon müde Zugabe unter Code in die wp-config. pHP-Datei, aber kein Glück

define('CONCATENATE_SCRIPTS', false); 

ich bin mit Wordpress 4.5.2

+8

Es sollte 'jQuery', nicht' JQuery' sein. Kapitalisierung Angelegenheiten. –

Antwort

4

Sie korrigieren müssen diese JQuery zu jQuery

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

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

Danke Hemnath! Ich machte einen dummen Fehler und verschwendete viel Zeit – Akash

+0

@Akash Kein Problem.! –

2

Sie Dollarzeichen anstelle von jQuery der Einfachheit halber verwenden können (wenn Buchstaben Gehäuse mir schwer für dich ist morise). Hinweis: JavaScript (jQuery ist eine mit JavaScript erstellte Bibliothek) unterscheidet zwischen Groß- und Kleinschreibung.

der richtige Code würde wie folgt aussehen:

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

Hinweis: jQuery basiert nicht * auf JavaScript. Es ist * JavaScript. Verwechsle sie nicht mit zwei verschiedenen Dingen. –

+0

gut, korrigieren Sie mich, wenn ich falsch liege, es ist eine Bibliothek mit JavaScript gebaut, das ist, was ich meinte basierend auf JavaScript –

+2

Sie haben Recht, dass es in JavaScript eingebaut ist, aber wenn Sie Code mit jQuery schreiben, schreiben Sie JavaScript. jQuery ist keine separate Sprache. Es ist nur eine Bibliothek, die mit einer bestimmten Sprache verwendet werden kann. –