0

Структура такая. Пользователь нажимает кнопку сгенерировать таблицу. Это команда передается через Flask в python. Тот в свою очередь смотрит на кучу серверов собирает инфу + так же собирает sql данные. Затем их сравнивает. И на основании всего этого формирует таблицу. Питон файл выплевывает html страницу готовую (сохраняя ее как файл). Flask возвращает эту страницу через render_template. Визуально все хорошо. Но вот, если пользователь хочет взаимодействовать с таблицей посредством js. Видим ошибку:

main.js:1 Uncaught ReferenceError: $ is not defined
    at main.js:1:1

Это из шапки сформированной таблицы.

<script defer="" src="static/js/jquery-3.6.0.js"></script>
<script src="static/js/main.js"></script>
<link rel="stylesheet" href="static/css/style_for_main.css">

Опытным путем, если страницу просто сохранить и корячить ее отдельно js работает. Помогите, пожалуйста)))

3
  • 2
    А вы уверены, что там нужен defer да ещё и в таком странном виде с присваиванием? А если всё-таки нужен, но и все другие скрипты, которые используют jQuery, должны идти после подключения jQuery и тоже все должны быть defer.
    – CrazyElf
    20 ноя в 16:44
  • Спасибо большое. Вы правы убрал defer и стало все корректно работать. 20 ноя в 17:06
  • Оформите как ответ. Я добавлю решение. 20 ноя в 17:47

1 ответ 1

1
<script defer="" src="static/js/jquery-3.6.0.js"></script>
        ^^^^^
<script src="static/js/main.js"></script>

Проблема в том, что в строке подключения библиотеки jQuery у вас стоит атрибут defer. А в тех строках, где jQuery используется, этот атрибут не стоит. В результате попытка использования библиотеки jQuery происходит раньше её подключения, отсюда и такая ошибка.

Само по себе использование атрибута defer - это не проблема и в некоторых гайдах это даже рекомендуется, чтобы страница быстрее грузилась и показывалась, а скрипты уже потом отрабатывали. Но в случае загрузки библиотеки jQuery с атрибутом defer таким же атрибутом defer должны быть снабжены все вызовы jQuery на странице и, кроме того, подключение библиотеки должно идти раньше её использования. Тогда подключение и использование jQuery будет произведено правильным образом.

P.S. И вообще тут странное что-то у вас, атрибуту defer не нужно ничего присваивать, он используется сам по себе.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.