動態重新加載表格後無法發送表格

Question

我在表單動態重新加載時遇到提交表單問題。 我會盡量說明情況：

我有形式是這樣的：

<form role="form" method="post" id="addForm"> 
    <input id="numer_listu" name="numer_listu" type="text" class="form-control"> 
    <button type="submit" id="form-submit" class="btn btn-success btn-md pull-right"> 
    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Dodaj 
    </button> 
</form> 

和Javascript：

$("#addForm").submit(function(event){ 
    event.preventDefault(); 
    submitForm(); 
}); 

這工作得很好。但是當我想要清楚表格（它的字段比我的示例更多）時，我使用了$(".addPanelCont").load('inc/addPanel.php'); - 它在.addPanelCont的競爭者中加載了明確的表格。而現在.submit()不起作用。點擊submit頁面重新加載。

我也試過：

$("#addForm").on('click', 'button#form-submit', function(e){ 
    e.preventDefault(); 
    submitForm(); 
}); 

但它不工作過。

Answer 1

我認爲#addForm動態添加過嘗試：

$(".addPanelCont").on('click', 'button#form-submit', function(e){ 
    e.preventDefault(); 
    submitForm(); 
});