JS. Запуск JQuery кода после загрузки страницы

Представим момент когда библиотека JQuery загружается в конце тега body, но вам нужно запустить какой то скрипт, до того как будет вызвана библиотека.
Сразу отвечу, что загрузку библиотеки все равно придется подождать. В данной статье будет описан способ загрузки JQuery скрипта после того как страница будет полностью загружена.
JS. Запуск JQuery кода после загрузки страницы


Попытка вызова скрипта, до того как будет вызвана библиотека, приведет примерно к следующей ошибке:
ReferenceError: $ is not defined

Ошибка говорит нам о том, что символ ($) не определен и неизвестен браузеру.

Пример кода который приведет к ошибке:
<body>
<input name="name" id="name" value="name"type="submit">
<script>
        $('#name').click(function() {
            alert("JQuery Running!");
        });
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</body>


Спасением в данной ситуации будет вызов события window.onload.

Событие onload на window срабатывает, когда вся страница, включая ресурсы на ней – стили, картинки и т.п будут загружены.

Пример рабочего кода:
<body>
<input name="name" id="name" value="name"type="submit">
<script>
    window.onload=function(){
        $('#name').click(function() {
            alert("JQuery Running!");
        });
    }
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</body>


Заключайте ваш код в событие window.onload и ваш код должен будет отработать (Если конечно код будет рабочим).
window.onload=function(){
// Ваш код
}


Теперь код будет обрабатываться браузером после того, как страница будет полностью загружена.

Комментариев 1

  1. Офлайн
    Hero 28 июня 2019 16:59
    Конечно можно и таким образом решить проблему. Но тут по сути проблема в том что попытались вызвать jQuery код до того как была вызвана библиотека jQuery.
    Нужно просто код использовать после определения библиотеки.
    Мануал из данной статьи подойдет в том случае, если по какой то причине нужно выполнить код до объявления переменной.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.