JQuery внизу страницы с вызовом функции перед ним

[alenushka2]

У меня есть PHP-приложение с Bootstrap 4, над которым я работаю, и пытаюсь вывести тост на экран. Для этого мне нужно сделать:

$('.toast').toast('show');

Код (JavaScript): Проблема в том, что включение JQuery (вместе с включением BS) находится внизу страницы (поэтому оно ПОСЛЕ моего вызова BS/JQuery и вызывает ошибку:

Неперехваченная ошибка ссылки: $ не определен

Я подумал, что если я перенесу свои включения снизу вверх, проблема исчезнет, но мне сказали, что ради новых хороших практик кодирования я должен держать их внизу.

Сказал, что как я могу решить такую проблему?

Спасибо!

 

[sanik333]

@ncc1966
Я не использую jquery, но попробуйте поместить код jquery внутри раздела , а не за его пределами.
И если вам нужно выполнить функцию, поместите этот вызов в конец самого файла jquery/js, тогда не имеет значения, куда вы включаете этот файл, вызов функции будет выполнен только после того, как функция загрузится и будет определена.

Почему вы вообще используете jquery, особенно когда вас беспокоит время загрузки страницы и т. д.?
Разве он не загружает большой файл кода библиотеки, хотя на самом деле вам нужно всего 3-4 функции на всей веб-странице?
Насколько сложно закодировать эти 4 функции на базовом JavaScript?

 

[dinYA1]

Да, я просто подумал, что это худший вариант: бороться! Теперь с моим проектом происходит что-то очень странное. Я понял, что на самом деле мне нужно хранить дубликаты всех моих материалов JS как вверху, так и внизу моих страниц, иначе это не будет работать.

Я не уверен, есть ли что-то сделать, но я использую CodeIgniter 4, и все мои страницы «разбиты» на три части: верхний шаблон, основная часть и нижний шаблон. Это единственный способ, который я нашел, тогда все работает нормально. Это так странно.