Javascript jQuery小部件不适用于动态添加的表单集表单

我的视图/模板中有一个表单和一个相关的表单集。对于几个字段，我使用小部件：和来自django admin应用程序的日历（日期选择器）

我还使用表单集表单的动态添加

当我第一次呈现模板时，所有小部件都可以正常工作。但是，当我添加新表单集表单时，这个新表单的小部件不起作用。

我已经阅读了关于这类问题的现有问题：，，但它们要么不适用于我，要么没有帮助（2和3），要么可能是我做错了什么（很可能是我是新手）

非常感谢您的任何提示

HTML:

{%extends“docs/base.html”%}
{%load static%}
{%block extrahead%}
{{block.super}}
{{form_matter.media.css}
{%endblock%}
{%block content%}
{%if mat_id==None%}
{%else%}
{%endif%}
{%csrf_令牌%}
{表单_matter%}中字段的%
{%if field.errors%}
{{field.errors}}
{%endif%}
{{field.label_tag}
{{field}}
{%endfor%}
决议
{{formset_resolutions.management_form}}
{%formset_resolutions%}
{%用于隐藏在表单中。隐藏的_字段%}
{{隐藏}}
{%endfor%}
{%form.visible_fields%}
{%if field.errors%}
{{field.errors}}
{%endif%}
{{field.label_tag}
{{field}}
{%endfor%}
{%endfor%}


添加
拯救




{formset_resolutions.empty_form.visible_fields%}
{%if field.errors%}
{{field.errors}}
{%endif%}
{{field.label_tag}
{{field}}
{%endfor%}
窗口。_uuadmin_umedia_uprefix__uu=“{%static'admin/'%}”；
$（'add#u form'）。在（'click'，function（）上{
var form_idx=$（'#id_resolution_set-TOTAL_FORMS'）.val（）；
$（'#form_set'）。追加（$（'#empty_form'）.html（）。替换（/#u前缀uu/g，form_idx））；
$（'id#resolution_set-TOTAL_FORMS'）.val（parseInt（form#idx）+1）；
});
$（'div.form-row:has（label.form-label:has（label[for$=“-DELETE”]）））.css（'background-color'，'#ffc7c7'））
{{form_matter.media.js}
{%endblock内容%}

{% extends "docs/base.html" %}
{% load static %}

{% block extrahead %}
    {{ block.super }}
    {{ form_matter.media.css }}

    <link href="/static/django_select2/select2.min.css" type="text/css" media="screen" rel="stylesheet">
{% endblock %}

{% block content %}

    {% if mat_id == None %}
        <form id="MatterForm" action="{% url 'matter_create_url' %}" enctype="multipart/form-data" method="post">
    {% else %}
        <form id="MatterForm" action="{% url 'matter_edit_url' mat_id=mat_id %}" enctype="multipart/form-data" method="post">
    {% endif %}

        {% csrf_token %}
        <fieldset>
            {% for field in form_matter %}
                <div class="form-row">
                    {% if field.errors %}
                        <div>{{ field.errors }}</div>
                    {% endif %}
                    <label class="form-label">{{ field.label_tag }}</label>
                    <div class="form-input">{{ field }}</div>
                </div>
            {% endfor %}
            <h3>RESOLUTIONS</h3>

            <div id="form_set">
                {{ formset_resolutions.management_form }}
                {% for form in formset_resolutions %}
                    <div class="formset-form">
                        {% for hidden in form.hidden_fields %}
                            {{ hidden }}
                        {% endfor %}
                        {% for field in form.visible_fields %}
                            <div class="form-row">
                                {% if field.errors %}
                                    <div>{{ field.errors }}</div>
                                {% endif %}
                                <label class="form-label">{{ field.label_tag }}</label>
                                <div class="form-input">{{ field }}</div>
                            </div>
                        {% endfor %}
                    </div>
                {% endfor %}
            </div>
        </fieldset>
        <br>
        <button class="btn" type="button" id="add_form" style="margin: 0 0 0 25px">ADD</button>
        <button class="btn" type="submit" style="margin: 0 0 0 25px">SAVE</button>
        <br><br><br>
        <div id="empty_form" style="display:none">
            <div class="formset-form">
                {% for field in formset_resolutions.empty_form.visible_fields %}
                    <div class="form-row">
                        {% if field.errors %}
                            <div>{{ field.errors }}</div>
                        {% endif %}
                        <label class="form-label">{{ field.label_tag }}</label>
                        <div class="form-input">{{ field }}</div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </form>

<script type="text/javascript">window.__admin_media_prefix__ = "{% static 'admin/' %}";</script>
<script type="text/javascript" src="/jsi18n/"></script>
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/django_select2/select2.min.js"></script>
<script>
    $('#add_form').on('click', function() {
        var form_idx = $('#id_resolution_set-TOTAL_FORMS').val();
        $('#form_set').append($('#empty_form').html().replace(/__prefix__/g, form_idx));
        $('#id_resolution_set-TOTAL_FORMS').val(parseInt(form_idx) + 1);
    });
</script>

<script>$('div.form-row:has(label.form-label:has(label[for$="-DELETE"]))').css('background-color', '#ffc7c7')</script>
{{ form_matter.media.js }}
{% endblock content %}