Sprawdzanie, czy jquery jest ładowane przy użyciu JavaScript

176

Próbuję sprawdzić, czy moja biblioteka Jquery jest załadowana na moją stronę HTML. Sprawdzam, czy działa, ale coś jest nie tak. Oto co mam:

<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
źródło

3

Nie używaj dużej litery R w „$ (dokument). Gotowy”

— Serigan,

7

alert(window.$?1:0)

— Thielicious

Dlaczego nadal używasz starego standardu xhtml? po prostu użyj <!doctype html>zamiast tego

— Luke the Geek

Jeśli $(document)funkcja ready w ogóle działa, ładowane jest jquery. Możesz więc po prostu zrobić $(document).ready(function(){ alert("Ready!"); }); Granted, to nie wyświetli alertu, jeśli jquery nie uruchomi się. Ale wystarczy, jeśli po prostu chcesz sprawdzić, czy poprawnie odniosłeś się do biblioteki jquery.

— ToolmakerSteve

338

coś jest nie tak

Cóż, używasz jQuery do sprawdzania obecności jQuery. Jeśli jQuery nie jest załadowany, to $()nawet w ogóle nie zostanie uruchomiony, a wywołanie zwrotne nie zostanie wykonane, chyba że używasz innej biblioteki, a ta biblioteka ma to samo$() składnię.

Usuń swoje $(document).ready()( window.onloadzamiast tego użyj czegoś takiego ):

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

— BoltClock
źródło

1

Spowoduje to wyświetlenie błędu, który jQueryjest niezdefiniowany. Musisz sprawdzićwindow.jQuery .

— gilly3,

@ gilly3: Tak, brzydkie problemy z zakresem. Naprawiony.

— BoltClock

Mam plik jquery-1.6.3.min.js w tym samym katalogu, co plik html. Nie wiem, dlaczego się nie ładuje.

— SoftwareSavant

3

@DmainEvent: Czy oba znajdują się w katalogu głównym? Twój srcma przewodzenie /, to znaczy, że szuka w korzeniu.

— BoltClock

Właściwie nie. Pozwól, że to zmienię i daję temu szansę.

— SoftwareSavant

46

Jak na ten link:

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

jest jeszcze kilka w komentarzach do linku,

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

//or

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

// or

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

Mam nadzieję, że to obejmuje większość dobrych sposobów na zrobienie tego !!

— Tushar Shukla
źródło

2

@JakeN Po pewnym czasie głosów przeciw nie można cofnąć, chyba że post zostanie poddany edycji. Jest jednak jeden problem z tym postem: if (jQuery) {zgłosi błąd w trybie ścisłym, jeśli jQuery nie jest załadowany, więc ostatni fragment kodu jest złą sugestią.

— JLRishe

21

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

— Niko
źródło

15

Możesz to zrobić szybko na karcie konsoli podczas przeglądania swojej strony internetowej.

Na przykład:

$ === jQuery

Jeśli zwraca true, oznacza to, że jest załadowany.

— Alexein
źródło

Spowoduje to jednak zgłoszenie wyjątku, jeśli jQuery nie jest załadowany:Uncaught ReferenceError: jQuery is not defined

— Batkins

10

Tylko mała modyfikacja, która może faktycznie rozwiązać problem:

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

Zamiast $(document).Ready(function()używać window.onload = function().

— Nika Tsilosani
źródło

1

Jeśli jQueryładuje się asynchronicznie, możesz poczekać, aż zostanie zdefiniowany, sprawdzając go za każdym razem:

(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 );
})();

Tej metody można użyć dla dowolnej zmiennej, na którą czekasz.

— V.Volkov
źródło

-2

Możesz po prostu wpisać window.jQueryConsole. Jeśli zwróci funkcję (e, n) ... Następnie zostanie potwierdzone, że jquery zostało załadowane i działa poprawnie.

— Bharadwaj
źródło

-4

Szybkim sposobem jest uruchomienie polecenia jQuery w konsoli programisty. W dowolnej przeglądarce naciśnij F12 i spróbuj uzyskać dostęp do dowolnego elementu.

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

— Jajikanth pydimarla
źródło