TypeError: 'undefined' ist keine Funktion (Auswertung von '$ (document)')

1. Ich benutze eine WordPress-Site.
2. Ich füge dieses Skript in den Header ein.

Wenn das Skript geladen wird, wird folgende Fehlermeldung angezeigt:

TypeError: 'undefined' ist keine Funktion (Auswertung von '$ (document)')

Ich habe keine Ahnung, was es verursacht oder was es überhaupt bedeutet.

In Firebug bekomme ich folgendes:

$ ist keine Funktion

Wordpress verwendet jQuery standardmäßig im noConflict- Modus. Sie müssen es jQueryals Variablennamen referenzieren , nicht $zB verwenden

jQuery(document);

anstatt

$(document);

Sie können dies einfach in eine selbstausführende Funktion $einbinden, die wieder auf jQuery verweist (und auch den globalen Namespace nicht verschmutzt), z

(function ($) {
   $(document);
}(jQuery));

Verwenden Sie jQuery's noConflict. Es hat Wunder für mich getan

var example=jQuery.noConflict();
example(function(){
example('div#rift_connect').click(function(){
    example('span#resultado').text("Hello, dude!");
    });
});

Angenommen, Sie haben jQuery in Ihr HTML aufgenommen

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Benutze das:

var $ =jQuery.noConflict();

Probieren Sie dieses Snippet aus:

jQuery(function($) {
  // Your code.
})

Es hat bei mir funktioniert, vielleicht hilft es Ihnen auch.

Ich hatte dieses Problem nur auf Chrome.

Ich habe versucht hinzuzufügen

var $ =jQuery.noConflict();

kurz vor dem anruf

$(document).ready(function () {

Es funktionierte.

Vielen Dank

Überprüfen Sie auch, ob jQuery enthalten ist, gefolgt von einigen Komponenten / anderen Bibliotheken (z. B. jQuery UI), und schließen Sie dann versehentlich jQuery erneut ein. Dadurch wird jQuery neu definiert und die Komponenten-Helfer (z. B. .datepicker) werden aus der Instanz entfernt.

 ;(function($){
        // your code
    })(jQuery);

Platzieren Sie Ihren js-Code oben im Verschluss, um das Problem zu lösen.

Ich würde das benutzen

(function ($) {
   $(document);
}(jQuery));

Ich habe auch viele Male mit solchen Problemen im Webentwicklungsträger konfrontiert. Eigentlich ist es kein JS-Konflikt. Wenn wir eine HTML-Website in den Browser laden, tritt kein solcher Fehler auf, aber wenn wir diese Art von Website über localhost laden, tritt ein solches Problem auf. Das liegt an localhost. Wenn wir Skripte über den lokalen Host laden, wird das Skript gescannt und die Ausgabe gerendert. Aber als wir localhost nicht benutzt haben. Es wird nur die Ausgabe gescannt. Beispiel: Wenn wir PHP-Code neben den lokalen Host schreiben und ohne Host ausführen, erhalten wir eine Fehlermeldung. Wenn der Code jedoch korrekt ist und über den Host ausgeführt wird, erhalten wir die tatsächliche Ausgabe. Wenn wir das Inspect-Element verwenden, erhalten wir den Ausgabecode im HTMl-Format, jedoch nicht im PHP-Format. Dies liegt am Rendern des Codes.

Dies ist ein Renderfehler. Um diesen JQuery-Code-Fehler zu beheben, verwendet eine der Lösungen möglicherweise diese Methode.

jQuery(document).ready(function($){
/******** Body of Jquery Code*****/
});

Dieser Code registriert '$' als Variable für die Funktion, indem jquery angewendet wird. Andernfalls wird die .js-Datei standardmäßig nur als Javascript gelesen.

Ich bin auch auf dieses Problem gestoßen, als ich jQuery in meinen Seitenkopf aufgenommen habe und nicht bemerkt habe, dass der Host es bereits automatisch in die Seite aufgenommen hat. Laden Sie also Ihre Seite live und überprüfen Sie die Quelle, um festzustellen, ob jQuery verlinkt ist.

Zwei Dinge:

1. Stellen Sie sicher, dass Sie vor Ihrem $ (Dokument) eine jQuery-Bibliothek hinzugefügt haben.
2. Dann ändern Sie einfach alle "$" mit: jQuery, wie in den vorherigen Kommentaren.

Wickeln Sie das gesamte Skript dazwischen ...

<script>
    $.noConflict();
    jQuery( document ).ready(function( $ ) {
      // Code that uses jQuery's $ can follow here.
    });
</script>

Viele JavaScript-Bibliotheken verwenden $ als Funktions- oder Variablennamen, genau wie jQuery. In jQuerys Fall ist $ nur ein Alias ​​für jQuery, sodass alle Funktionen ohne Verwendung von $ verfügbar sind. Wenn Sie neben jQuery eine andere JavaScript-Bibliothek verwenden müssen, geben Sie die Kontrolle über $ mit einem Aufruf von $ .noConflict () an die andere Bibliothek zurück . Alte Referenzen von $ werden während der jQuery-Initialisierung gespeichert. noConflict () stellt sie einfach wieder her.

Sie können sowohl jQuery als auch $ in unter dem Snippet verwenden. es hat bei mir funktioniert

jQuery( document ).ready(function( $ ) {
  // jQuery(document)
  // $(document)
});

Sie können $ in function () übergeben

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

// jQuery code is in here

});

oder Sie können ersetzen $(document);mit dieserjQuery(document);

oder du kannst verwenden jQuery.noConflict()

var jq=jQuery.noConflict();
jq(document).ready(function(){  
  jq('selector').show();
});