Django modal не загружает js

Я хочу выполнить js-функцию в модале Bootstrap с формой фильтра Django. Модал работает нормально и я могу видеть форму, но некоторые js функции не работают, только если я добавляю js внутри filter.html.

base.html:

{% load static %}
<!DOCTYPE html>
<html lang="es">
  <body>
    <div class="modal fade" id="custom-modal" role="dialog"></div>
    {% block content %}
    {% endblock %}
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
    <script src="{% static 'js/functions.js' %}"></script>
  <body>
</html>

list.html:

{% extends "base.html" %}
{% load static %}
{% load app_tags %}
{% load widget_tweaks %}
{% block content %}
  ...
  <button type="button" class="btn card_header_button" onclick="return openCustomModal('{% url element_filter %}')" data-toggle="tooltip" data-placement="top" title="Filtrar">
    <span class="fas fa-filter custom_icon"></span>
  </button>
  ...
{% endblock content %}

filter.html:

{% load static %}
{% load app_tags %}
{% load widget_tweaks %}
<div class="modal-dialog modal-lg">
  <!-- Here show the form -->
</div>

Есть идеи, как это решить? Заранее спасибо.

В файле list.html попробуйте вывести кнопку с действием onclick без оператора return:

{% extends "base.html" %}
{% load static %}
{% load app_tags %}
{% load widget_tweaks %}
{% block content %}
  ...
  <button type="button" class="btn card_header_button" onclick="openCustomModal('{% url element_filter %}')" data-toggle="tooltip" data-placement="top" title="Filtrar">
    <span class="fas fa-filter custom_icon"></span>
  </button>
  ...
{% endblock content %}

А также проверьте, какое значение имеет слушатель onclick. Это должно быть что-то вроде "openCustomModal('some-url')".

Вернуться на верх