У меня не получается импортировать и использовать функцию javascript из .js в шаблоне django. Идеи?

У меня есть файл javascript project_dashboard.js с несколькими определенными в нем функциями и html файл, в котором я пытаюсь вызвать эту функцию (среди прочего).

По какой-то причине я продолжаю получать ошибку, что функция is not defined at HTMLButtonElement.onclick. Меня сводит с ума то, что первая часть .js загружается и работает (css изменяется, если я нажимаю на table). То есть скрипт есть, но я не могу использовать функцию

project_dashboard.js

 $('table').on('click', 'tr.parent .fa-chevron-down', function(){
     $(this).closest('tbody').toggleClass('open');
 });

 function EnablePositionEdit(position_id) {
     const checked_events = []
     $("#edit_button_____" + position_id).toggle()
     $("#save_button_____" + position_id).toggle()
     $("#delete_____" + position_id).toggle()
     inputs = document.querySelectorAll(".availability_____" + position_id + " input")
     inputs.forEach(input => {
         input.removeAttribute("disabled")
     })

 }

html

{% extends 'action/base.html' %}
{% block extrastylesheets %}
{% endblock extrastylesheets %}
{% block content %}
<head>
  {% load static %}
    <link rel="stylesheet" href="{% static 'action/css/project_dashboard.css' %}">
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>

...

<div id="edit_button_____{{ position.id }}" style="display: block;">
    <button class="btn" style="font-size:10px; color: rgb(59, 89, 152);" onclick = EnablePositionEdit('{{ position.id }}')> <i class="fa fa-pencil"></i> </button>
</div>

...
{% endblock content %}
{% block extrascripts %}
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
    <script type="text/javascript" src="{% static 'action/js/project_dashboard.js' %}"></script>

<script>
    $(document).ready(function() {
        $('.summernotable').summernote({
            toolbar: [],
        });
    });
....
</script>
{% endblock extrascripts %}

Вы должны заключить имя функции в кавычки, как это делается для всех атрибутов, и поместить скрипт, содержащий функцию, перед вызовом функции.

<script type="text/javascript" src="{% static 'action/js/project_dashboard.js' %}"></script>

<button class="btn" style="font-size:10px; color: rgb(59, 89, 152);" onclick = "EnablePositionEdit('{{ position.id }}')"> <i class="fa fa-pencil"></i> </button>
Вернуться на верх