Как разделить функции javacscript в шаблонах django

Question

я работаю с фреймворком django 2.1 У меня проблема с используемым html-шаблоном, который имеет несколько страниц, таких как home, about, contacts и support, и у каждой есть функции java-скриптов для автоматизации таких вещей на странице, как слайдеры, которыев конце каждой страницы перед тем, как я решил, что мой base.html должен содержать нижний колонтитул и верхний колонтитул для обеих страниц, так как они похожи. так что проблема здесь в том, куда я помещаю эти функции js 1. оставляя их на конкретной страницеи расширяя base.html, они не функционируют. 2. присоединяя их к base.html, некоторые свойства функций тоже не работают.любой совет, пожалуйста

Answer 1

Говоря в целом, как обычно задавался этот вопрос, если у меня есть какой-либо общий JS, общий для всех моих шаблонов, я помещаю этот JS в base.html. Если я пишу функции, специфичные для конкретной страницы, и / или если я хочу, чтобы функции вызывались по-разному для каждой страницы, я помещаю их в блок {% block js %}.

Пример base.html :

...
<script type="text/javascript">
    function sharedFunction() {
        //Do something
    }
</script>

{% block js %}
{% endblock %}
...

И somepage.html :

...
{% block js %}
    <script type="text/javascript">
        document.querySelector("#page-element").onclick = sharedFunction()
    </script>
{% endblock %}
...

Надеюсь, это поможет!