Django、jQuery。同じdivの後に複数回ロードできません。

Question

ユーザーが同じ入力フォームの複数のタイプを作成できるようにしようとしています。

問題は、初めてボタンをクリックするとフォームがappend_form divに追加されますが、「追加」ボタンを何回クリックしても、他のフォームは追加されません。私は間違って何をしていますか？

これは私のHTMLコードです：

<div class="col-md-9"><strong>{% trans "Please, add as many measures as you like to be available for the institutional simulation" %}</strong></div> 
<div class="col-md-3"><button class="btn btn-success" onclick="addForm('{% url "add_measure_form" %}')"><i class="fa fa-plus-square"></i> {% trans "Add Measure" %} </button></div> 

<div id="append_forms"></div> 

そして、これが

function addForm(url){ 
    $("#append_forms").after().load(url); 
} 

私のスクリプトであり、これは私のDjangoのビューです：

def add_measure_form(request): 
    data = { 

    } 
    return render(request, "_frm_inner_form.html", data) 

とURL

url(r'^measures/form/add/$', add_measure_form, name="add_measure_form") 

Answer 1

フォームにラッパーdiv要素を追加し、そこにデータをロードした後（）関数を削除します。

function addForm(url){ 
    $("#append_forms").append('<div>').load(url); 
    } 

またはこの `$（"＃のappend_formsのような一般的なAJAXリクエスト

$.ajax({ 
    url:url, 
    success:function(data) { 
     $("#append_forms").append(data); 
    } 
});