Задать вопрос
@asmrnv777
javascript

Как правильно организовать использование JS в шаблонах Django?

Есть шаблон для джанги, в котором достаточно активно используется JS (шаблон на 300 строк, 200 из них — JS).
Как я понимаю, по-хорошему надо бы вынести JS в отдельный файл, но некоторые переменные в JS коде инициализируются шаблонным движком джанго, например:
var currentTopicId = {{ topics.first.pk }};
Кроме того, есть объекты DOM, получаемые по ID:
var topicTitleElement = $('#topic-title');

Если я вынесу код в JS-файл, но оставлю инициализацию currentTopicId в шаблоне, то PyCharm будет ругаться на неизвестную переменную (в рантайме ошибки быть не должно, но работать некомфортно). Кроме того, PyCharm не будет знать ID элементов DOM, которые я ищу (тот же #topic-title). В общем, работать будет не очень удобно.
Может, есть какие-то более красивые способы сделать это?
  • Вопрос задан
  • 448 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 1
sim3x
@sim3x
<body data-attrib="{{ some_var }}">

и $(document).ready(...)достаточно для решения проблем
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@ns5d
нечего сказать
Как вариант:
html:
<div id="p1" style="display:none">value1</div>
 <div id="p2" style="display:none">value2</div>
 <div id="p3" style="display:none">value3</div>

js:
var p1 = $("#p1").text();
var p2 =  $("#p2").text();
var p3 =  $("#p3").text();
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
25 апр. 2024, в 05:29
25000 руб./за проект
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
10000 руб./за проект
Ещё заказы