Страница не видит $ при подключенном Jquery, в чем ошибка?

Question

[kochurinn]

Вопрос такой, снизу страницы подключен jq, но код не хочет работать. Так же пробовал подключать над кодом, толку не дало. Притом что на другой странице этот же код работает. В чем может быть проблема?

Comments

[Rsa97]

У вас на странице есть несколько инлайновых скриптов. Убедитесь, что в них не используется jquery, так как они выполняются до загрузки jquery.min.js

[kochurinn]

Rsa97, но если я подключу jq в самом начале кода, то всё равно не будет работать

[ForSureN1]

Ну так посмотрите на какой строчке выдает ошибку, и поглядите в файле, и подключите jquery не через CDN а через файл

[kochurinn]

ForSureN1, а есть разница cdn или файл? Просто я не работаю с js, мало с ним знаком

[Rsa97]

kochurinn, Вы подключаете jquery с опцией defer. Значит реальное подключение будет после загрузки всей страницы сразу перед событием DOMContentLoaded.
Инлайновые стрипты браузер попытается их выполнить сразу, как только они встретились. Если в них используется jquery, то будет ошибка.
Вывод - подключать jquery без defer до первого использования, либо перенести инлайновые скрипты в файл и подключать после jquery, либо переписать их без использования jquery.

[kochurinn]

Rsa97, Помогло! Спасибо большое!

Answer 1

[ThunderCat]

1) Если вы хотите использовать jq в инлайновых скриптах, то подключать его надо в head разделе и без атрибута defer, но это во первых не самая лучшая практика (понятно что это съедает время загрузки страницы), во вторых все равно может не работать, если связь с цдн сервером сильно хуже чем с самим доменом. Можно скачать файл на свой хост, но опять же - это не гарантия и половинчатое решение.
2) Все скрипты, использующие подгружаемые библиотеки в идеале должны выполняться по событию загрузки документа.

document.addEventListener('DOMContentLoaded', function() {
//тут уже есть возможность работать с jq
    console.log($('.footer'));
    alert("Усе готово, шеф!");
});