Überprüfen, ob jquery mit Javascript geladen ist

176

Ich versuche zu überprüfen, ob meine Jquery-Bibliothek auf meine HTML-Seite geladen ist. Ich überprüfe, ob es funktioniert, aber etwas stimmt nicht. Folgendes habe ich:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript" src="/query-1.6.3.min.js"></script>
        <script type="text/javascript">
          $(document).ready(function(){
             if (jQuery) {  
               // jQuery is loaded  
               alert("Yeah!");
             } else {
               // jQuery is not loaded
               alert("Doesn't Work");
             }
          });
        </script>

javascript jquery

— SoftwareSavant
quelle

3

Verwenden Sie kein großes R in "$ (Dokument). Bereit"

— Serigan

7

alert(window.$?1:0)

— Thielicious

Warum verwenden Sie immer noch den alten xhtml-Standard? Verwenden Sie <!doctype html>stattdessen

— Luke the Geek

Wenn die $(document)Ready-Funktion überhaupt ausgeführt wird, wird jquery geladen. Sie können also einfach $(document).ready(function(){ alert("Ready!"); }); Granted ausführen. Dies zeigt keine Warnung an, wenn jquery nicht ausgeführt werden kann. Es reicht jedoch aus, wenn Sie lediglich überprüfen müssen, ob Sie korrekt auf die jquery-Bibliothek verwiesen haben.

— ToolmakerSteve vor

338

etwas ist nicht richtig

Nun, Sie verwenden jQuery, um das Vorhandensein von jQuery zu überprüfen. Wenn jQuery nicht geladen ist, $()wird es überhaupt nicht ausgeführt und Ihr Rückruf wird nicht ausgeführt, es sei denn, Sie verwenden eine andere Bibliothek und diese Bibliothek hat zufällig dieselbe $()Syntax.

Entfernen Sie Ihre $(document).ready()(verwenden Sie window.onloadstattdessen so etwas wie ):

window.onload = function() {
    if (window.jQuery) {  
        // jQuery is loaded  
        alert("Yeah!");
    } else {
        // jQuery is not loaded
        alert("Doesn't Work");
    }
}

— BoltClock
quelle

1

Dies wird immer noch einen Fehler jQueryauslösen, wenn er nicht definiert ist. Sie müssen überprüfen für window.jQuery.

— gilly3

@ gilly3: Ja, lästige Scoping-Probleme. Fest.

— BoltClock

Ich habe die Datei jquery-1.6.3.min.js im selben Verzeichnis wie die HTML-Datei. Ich bin mir nicht sicher, warum es nicht geladen wird.

— SoftwareSavant

3

@DmainEvent: Befinden sich beide im Stammverzeichnis? Ihr srchat eine Führung /, das heißt, es schaut in die Wurzel.

— BoltClock

Nicht wirklich. Lassen Sie mich das ändern und es versuchen.

— SoftwareSavant

46

Gemäß diesem Link:

if (typeof jQuery == 'undefined') {
    // jQuery IS NOT loaded, do stuff here.
}

Es gibt noch ein paar mehr in den Kommentaren des Links wie:

if (typeof jQuery == 'function') {...}

//or

if (typeof $== 'function') {...}

// or

if (jQuery) {
    alert("jquery is loaded");
} else {
    alert("Not loaded");
}

Hoffe, dies deckt die meisten guten Möglichkeiten ab, um diese Sache zu erledigen !!

— Tushar Shukla
quelle

2

@JakeN Nach einer bestimmten Zeit können Abstimmungen nur rückgängig gemacht werden, wenn der Beitrag bearbeitet wurde. Es gibt jedoch ein Problem mit diesem Beitrag: if (jQuery) {Wird im strengen Modus einen Fehler auslösen, wenn jQuery nicht geladen ist, sodass das letzte Code-Snippet ein schlechter Vorschlag ist.

— JLRishe

21

if ('undefined' == typeof window.jQuery) {
    // jQuery not present
} else {
    // jQuery present
}

— Niko
quelle

15

Sie können dies schnell auf der Registerkarte "Konsole" tun, wenn Sie Ihre Webseite überprüfen.

Z.B:

$ === jQuery

Wenn es zurückgibt true, bedeutet es, dass es geladen ist.

— Alexein
quelle

Dies wird eine Ausnahme Uncaught ReferenceError: jQuery is not defined

— auslösen,

10

Nur eine kleine Modifikation, die das Problem tatsächlich lösen könnte:

window.onload = function() {
   if (window.jQuery) {  
       // jQuery is loaded  
       alert("Yeah!");
   } else {
    location.reload();
   }
}

Anstelle von $(document).Ready(function()Gebrauch window.onload = function().

— Nika Tsilosani
quelle

1

Wenn jQuerydas Laden asynchron ausgeführt wird, können Sie warten, bis es definiert ist, und in jedem Zeitraum prüfen, ob es definiert ist:

(function() {
    var a = setInterval( function() {
        if ( typeof window.jQuery === 'undefined' ) {
            return;
        }
        clearInterval( a );

        console.log( 'jQuery is loaded' ); // call your function with jQuery instead of this
    }, 500 );
})();

Diese Methode kann für jede Variable verwendet werden, auf deren Anzeige Sie warten.

— V.Volkov
quelle

-2

Sie können einfach window.jQueryConsole eingeben. Wenn es eine Funktion zurückgibt (e, n) ... Dann wird bestätigt, dass die Abfrage geladen ist und erfolgreich funktioniert.

— Bharadwaj
quelle

-4

Eine schnelle Möglichkeit besteht darin, einen jQuery-Befehl in der Entwicklerkonsole auszuführen. Drücken Sie in einem beliebigen Browser F12 und versuchen Sie, auf eines der Elemente zuzugreifen.

 $("#sideTab2").css("background-color", "yellow");

— Jajikanth pydimarla
quelle