使用ajax用子模板中的另一个脚本替换脚本

Question

我在父模板中有一个脚本，并且在父模板中包含的子模板中有一些更多信息的相同脚本。该子模板由ajax调用加载。

我需要用子模板中的脚本用ajax动态替换父模板中的脚本，然后启动脚本。 截至目前，我只是成功刷新了HTML中的指定div。

这是我的代码：

父模板：

{% block body %}
    <div id="bodyColapColle">
    </div>
{% endblock %}
{% block javascripts %}
    // AJAX to get info and display div dynamically
    function rechargerColleStats() {
        var groupes = document.getElementsByClassName("filled-in");
        var groupesSelected = getSelectedGroupesOf(groupes);
        var colleId = document.getElementById('collapside_colle_form_colles').value;
        var numAdherent = document.getElementById('numAdherent').value;

        var DATA = {groupesSelected: groupesSelected, idColle: colleId, numAdherent: numAdherent};
        var request = $.ajax({
            type: "POST",
            url: "{{ path('paces_statistique_calculstatistique_getstatscolle') }}",
            datatype: "html",
            data: DATA,
            success: function (response) {
                document.getElementById("bodyColapColle").innerHTML = response;

                drawGraphRepNoteOfColle();
            }
        });
    }

    //Script to refresh and launch after ajax success
    {% block js %}
        function drawGraphRepNoteOfColle() {
             ....
    {% endblock %}
{% endblock %}

儿童模板：

{% block js %}
    <script>
        function drawGraphRepNoteOfColle() {
            ....
        }
    </script>
{% endblock %}