Как убрать ошибку jquery Uncaught ReferenceError: $ is not defined?

Question

[Cheizer]

Подскажите пожалуйста, как обойти ошибку $ is not defined?

На странице jquery подключен внизу страницы, и перенести его вверх нельзя.
После подключения jquery подключен файл со скриптами, там есть вызов

$.ajax({
          url: 'https://platform.twitter.com/widgets.js',
          dataType: 'script',
      });

А на странице нужный блок для вывода контента располагается ДО вызова jquery. Поэтому и ошибка, я понимаю, но не знаю как ее обойти без переноса подключения файла jquery в шапку. Как можно обойти эту ошибку? Что изменить не перенося jquery вверх страницы?

Comments

[Cheizer]

Антон Литвиненко, Спасибо, напишите отдельным комментарием, отмечу как решение.

[Антон Литвиненко]

Cheizer, а оно помогло хоть?

[Cheizer]

Антон Литвиненко, да, оба способа работают

Answer 1

[Надим]

Удалите этот код:

$.ajax({
          url: 'https://platform.twitter.com/widgets.js',
          dataType: 'script',
});

Непонятно зачем вы пытайтесь подключить сторонний JS через jQuery, когда можно просто сделать так:

<script src="https://platform.twitter.com/widgets.js"></script>

Comments

[Cheizer]

Но тогда получается я буду подключать этот widjet на все страницы, а нужно только в одном месте. И проявилась ошибка

VM3822:1 Uncaught SyntaxError: Unexpected token '<'
    at b (jquery-3.5.1.min.js:2)

[Надим]

Cheizer, так подключайте только на нужных страницах, в чем проблема? Насчет ошибки, надо смотреть что там у вас в консоли в этих строках. Если хотите, завтра могу глянуть ваш сайт.

[Cheizer]

Надим Закиров, ошибка браузера, Хром, разберусь, а футер сквозняком подключается по всему сайту. К сожалению не могу отдельно из него вынести один файл.

[Андрей Суровцев]

Cheizer, приоритетность подгрузки js библиотек определяется расположением в head, попробуйте ссылку с библиотекой засунуть впереди всех "" тегов

[Андрей Суровцев]

И вообще проэксперементируйте с расположением в head, проблема должна уйтию

[Cheizer]

Андрей Суровцев, нельзя перенести в header подключение, написал об этом

[Надим]

Cheizer, хорошо. Если у вас точка подключения только одна, тогда добавьте в футер такой код:

<script type="text/javascript">    
	document.addEventListener('DOMContentLoaded', function() {
		if (location.pathname == '/ontositelnyi/put') {
			var script = document.createElement('script');
			script.setAttribute('type', 'text/javascript');
			script.setAttribute('src', 'https://platform.twitter.com/widgets.js');
			document.head.append(script);
		}
	});
</script>

Вместо относительного пути впишите путь той страницы на которой надо вставлять виджет.

[Cheizer]

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

Answer 2

[Антон Литвиненко]

ajax это асинхронная штука, ток что вполне может выполниться до подключения джейквери. Но ее вполне можно завернуть во что-то типа

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

или

document.addEventListener("DOMContentLoaded", function(event) {
    console.log("DOM fully loaded and parsed");
});