Почему мой javascript не загружается в шаблон django? - PullRequest
0 голосов
/ 25 мая 2020

В моем проекте django я использую шаблоны adminlte 3. Все работает отлично, но я не понимаю, как добавить в шаблон новый javascript sr c.

Пример объявления Я хочу добавить в свой проект следующий javascript источник:

<script src='http://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js'></script>
<script src='https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js'</script>

Я пытался добавить его в другое место, но ни у кого не работает.

Вот структура моего проекта:

__base.html
__script.html
__app.html

Основа следующая:

....
{% block javascript %}
{% include 'adminlte/lib/_scripts.html' %}
{% endblock %}

Скрипты следующие:

{% load static %}

{% block scripts %}
<script src="{% static 'admin-lte/plugins/jquery/jquery.min.js' %}"></script>
<script src="{% static 'admin-lte/plugins/jquery-ui/jquery-ui.min.js' %}"></script>
<script src="{% static 'admin-lte/plugins/chart.js/Chart.min.js' %}"></script>  
<script src="{% static 'admin-lte/plugins/bootstrap/js/bootstrap.bundle.min.js' %} "></script>

{% block datatable_js %} {% endblock %}

{% endblock %}

И, наконец, у меня есть приложение. html:

{% extends 'adminlte/base.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% include 'adminlte/lib/_main_sidebar.html' with active_menu_item=active_menu_item %}

....
{% block content %}
{% include 'adminlte/lib/_scripts.html' %}
<table id="myTable" class="table table-sm">
{% endblock content %}

{% block javascript %}
<script>
            $(document).ready(function() {
                $('#myTable').DataTable( {
                    "language": {
                        "lengthMenu": "Visualizza _MENU_ records per page",
                        "zeroRecords": "Nothing found - sorry",
                        "info": "Showing page _PAGE_ of _PAGES_",
                        "infoEmpty": "No records available",
                        "infoFiltered": "(filtered from _MAX_ total records)",
                        "sSearch": "Ricerca:",
            }
        } );
    } );

</script>
{% endblock javascript %}

Где я могу добавить код?

...