Uncaught ReferenceError: jQuery ist nicht definiert

Ich versuche, um gemeinsam eine WordPress-Website mit einer JQuery slider-plugin, aber das plugin nicht auf der Seite angezeigt und ich bekomme immer die obige Fehlermeldung.

Trotz versuchen verschiedene Korrekturen vorgeschlagen, in die Einträge der anderen, ich kann immer noch nicht scheinen, um zu lösen die oben genannten Fehler, wie Sie die Skript-tag in den 'header.php' - Datei. Jede Hilfe wäre sehr geschätzt - danke!

Jeweiligen code in 'footer.php' Datei

    <!--Load JQuery-->  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>


</body> 
</html>

Der Website:http://www.advanceprojects.com.au/

was ist falsch mit dem setzen der Bibliothek in der Kopfzeile?

InformationsquelleAutor user2541351 | 2013-07-02

  1. 6

    Skripte laufen immer in einer sequenziellen Reihenfolge.

    Also im Grunde sind Sie versucht, mit jQuery, noch bevor die jQuery-Bibliothek geladen ist.

    Skript ist abhängig von Nivo, die wiederum hängt von der jQuery-Bibliothek.

    Entweder verschieben Sie das Skript, um die Zeile, nachdem die Bibliothek geladen ist, oder verschieben Sie die Bibliothek Erklärung auf den Kopf.

    Auch stellen Sie sicher, Sie umschließen das Skript innerhalb DOM Ready hf.

    So, in welcher Reihenfolge Sie geladen werden sollte, diese sind

    -- jQuery 
  -- Nivo Slider
  -- your script that uses the above 2 libraries.

    InformationsquelleAutor Sushanth --

  2. 1

    Sehen Den Link, Wie hinzufügen von css-und Js-Datei

    http://codex.wordpress.org/Function_Reference/wp_enqueue_script

    Wahrscheinlich Vor JQuery,Ihre Js-Datei Geladen Wird.

    So fügen Sie die js-Datei nach der Jquery-Datei Geladen wird

    Beispiel

    wp_enqueue_script("yourjs","yourjspath",array('jquery'), true);

    InformationsquelleAutor Balachandran

  3. 1

    In einer aktuellen version von WordPress dies kann verursacht werden durch die core-performance-Verbesserungen:

    Versuchen Sie, diese in Ihrer wp.config-Datei:

    /** Absolute path to the WordPress directory. */
if ( !defined('ABSPATH') )
    define('ABSPATH', dirname(__FILE__) . '/');

define('CONCATENATE_SCRIPTS', false);

    InformationsquelleAutor Phil Hudson

  4. 0

    Verwenden 

    jQuery(document).ready(function(){
    jQuery('#wpns_slider').nivoSlider({effect:'random',slices:2,});
});

    statt 

    jQuery(window).load(function(){
     jQuery('#wpns_slider').nivoSlider({effect:'random',slices:2,});
});

    $(window).load(function() {... }) wird ausdrücklich die Bindung an die Fenster im load-Ereignis code, hat schon ausgelöst, bevor jQuery Bibliothek geladen wird. Verwenden Sie DOM Ready hf.

    InformationsquelleAutor som

  5. 0

    Ich eine Lösung gefunden habe. Ich war immer ein Fehler im admin-Bereich von WordPress, die Lösung ist warten, für das HTML-Dokument vollständig geladen und geparst (DOMContentLoaded).

    Meine arbeiten code:

    add_action('admin_enqueue_scripts','my_script');

function my_script(){
    if(is_admin()){
?>
<script>
document.addEventListener('DOMContentLoaded', () => {
jQuery(document).ready(function($){

//Your code...

});
});

</script>
<?php
    }
}

    Referenz:

    DOMContentLoaded

    InformationsquelleAutor Leonardo

  6. 0

    Dieser arbeitete für mich.

    Fügen Sie die Zeile 

    wp_enqueue_script('jquery');

    Dieser Fehler passiert ist, denn jquery ist nicht im Lieferumfang enthalten, und sollten vor dem laden jedem anderen script.
    Hier ist ein Beispiel:

    firstplugin.php

    <?php
/*
Plugin Name: Plugintrial
Description:  plugin to test jquery
Version:      1
Author:       Dismi Paul
*/
function childtheme_custom_login() {
wp_enqueue_script('jquery');

wp_enqueue_script('my-custom-script', plugins_url('/test.js', __FILE__));
?>

    <h1>Welcome to My Homepage</h1>

<p id="intro">My name is Donald.</p>
<p>I live in Duckburg.<?php echo plugins_url('/test.js', __FILE__); ?></p>

    <?php
}

add_action('login_head', 'childtheme_custom_login');

    test.js

    jQuery(document).ready(function()
{
  jQuery("#intro").css("background-color", "yellow");
});
console.log("it works");

    InformationsquelleAutor Dismi Paul

Schreibe einen Kommentar