Как дождаться загрузки jquery?

Question

[Илья Кочкин]

Добрый день, есть страничка перед закрытием body подгружен jquery,
но раньше по коду идет вот такой скрипт

$('#carousel<?php echo $module; ?>').owlCarousel({
            items: 6,
            autoPlay: 3000,
            navigation: true,
            navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
            pagination: true
        });

консоль ругается на наличие символа$ - Uncaught ReferenceError: $ is not defined
оно и понятно скрипт на jquery раньше чем подключена сама библиотека
так вот, как скорректировать код чтобы он отработал после загрузки jquery
пробовал вот так - не помогло

document.addEventListener('DOMContentLoaded', function () {
        $('#carousel<?php echo $module; ?>').owlCarousel({
            items: 6,
            autoPlay: 3000,
            navigation: true,
            navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
            pagination: true
        });
    });

Comments

[Андрей]

Это 100% рабочий вариант. Если он не срабатывает, вы что-то делаете не так.

document.addEventListener('DOMContentLoaded'..

А вообще довольно странная идея - запускать скрипты раньше чем загружать jquery.

Answer 1

[Stockholm Syndrome]

window.onload = function() {
  ...
};

Answer 2

[profesor08]

Включить в общий бандл, либо вставить в тег head.