Vérification si jquery est chargé en utilisant Javascript

Question

Je tente de vérifier si ma bibliothèque Jquery est chargée sur ma page HTML. Je vérifie si cela fonctionne, mais quelque chose ne va pas. Voici ce que j'ai :

          $(document).ready(function(){
             if (jQuery) {  
               // jQuery est chargé  
               alert("Oui !");
             } else {
               // jQuery n'est pas chargé
               alert("Ne fonctionne pas");
             }
          });

Answer 1

quelque chose ne va pas

Eh bien, vous utilisez jQuery pour vérifier la présence de jQuery. Si jQuery n'est pas chargé, alors $() ne s'exécutera même pas du tout et votre rappel ne s'exécutera pas, à moins que vous n'utilisiez une autre bibliothèque et que cette bibliothèque partage le même syntaxe $().

Supprimez votre $(document).ready() (utilisez quelque chose comme window.onload à la place) :

window.onload = function() {
    if (window.jQuery) {  
        // jQuery est chargé  
        alert("Ouais!");
    } else {
        // jQuery n'est pas chargé
        alert("Ne fonctionne pas");
    }
}

Answer 2

Comme indiqué dans ce lien :

if (typeof jQuery == 'undefined') {
    // jQuery N'EST PAS chargé, faire quelque chose ici.
}

il y en a quelques autres dans les commentaires du lien également, comme suit,

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

//ou

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

// ou

if (jQuery) {
    console.log("jquery est chargé");
} else {
    console.log("Non chargé");
}

Espérons que cela couvre la plupart des bonnes façons de réaliser cette tâche !!

Answer 3

if ('undefined' == typeof window.jQuery) {
    // jQuery non présent
} else {
    // jQuery présent
}

Answer 4

Vous pouvez le faire rapidement sur l'onglet de la console lorsque vous inspectez votre page Web.

Par exemple :

$ === jQuery

Si cela renvoie true, cela signifie que c'est chargé.

Answer 5

Juste une petite modification qui pourrait en fait résoudre le problème :

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

Au lieu de $(document).ready(function(), utilisez window.onload = function().