Проверка загрузки jquery с помощью Javascript

Я пытаюсь проверить, загружена ли моя библиотека JQuery на мою HTML-страницу. Я проверяю, работает ли это, но что-то не так. Вот что я имею:

<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>

Ответы

Ответ 1

что-то не так.

Ну, вы используете jQuery для проверки наличия jQuery. Если jQuery не загружен, то $() вообще не будет запускаться, и ваш обратный вызов не будет выполняться, если вы не используете другую библиотеку, и эта библиотека имеет общий синтаксис $().

Удалите $(document).ready() (используйте вместо этого window.onload):

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

Ответ 2

По этой ссылке:

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

в комментариях есть еще несколько ссылок, например,

if (typeof jQuery == 'function')
//or
if (typeof $== 'function')

а также

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

Надеюсь, что это охватывает все хорошие способы сделать это!

Ответ 3

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

Ответ 4

Вы можете сделать это быстро на вкладке консоли при проверке вашей веб-страницы.

Например:

$ === jQuery

Если он возвращает true значит, он загружен.

Ответ 5

Просто небольшая модификация, которая может реально решить проблему:

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

Вместо $(document).Ready(function() используйте window.onload = function().

Ответ 6

Ну, Bootstrap проверяет наличие Jquery таким образом,

if (typeof jQuery === 'undefined') {
  throw new Error('Bootstrap\ JavaScript requires jQuery')
}

Мы можем вдохновить от этого!

Ответ 7

Вы можете просто ввести window.jQuery в консоли. Если он возвращает функцию (e, n)... Затем подтверждается, что jquery загружен и успешно работает.

Ответ 8

Быстрый способ - запустить команду jQuery в консоли разработчика. В любом браузере нажмите F12 и попытайтесь получить доступ к любому элементу.

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