后加載頁面與ajax表單提交不起作用

Question

我的表單在ajax加載頁面之后提交不起作用我的加載頁面代碼：

問題：加載ajax形式后作為模式框元素

 function account_list(url) { $.ajax({ type: 'get', url: url, beforeSend: function() { parsysm.loading(1); }, success: function(data) { $('div#option-id-1').slideUp('slow', function(){ $(this).html(data).slideDown('slow'); }); }, error: function() { alert('Error Report!'); }, complete: function() { parsysm.loading(0); } }) } 

並加載頁面操作：

 <form id="form-options-show" class="form-horizontal "> <div class="form-body"> <form id="form-options-show" class="fast-panel"> چینش&nbsp;&raquo;&nbsp; <select class="inputcl1" name="order" size="1"> <option value="DESC"[desc] selected="selected"[/desc]>نزولی</option> <option value="ASC"[asc] selected="selected"[/asc]>صعودی</option> </select> &nbsp;&nbsp;تعداد کاربران در صفحه&nbsp;&raquo;&nbsp; <input name="total" class="inputcl1" type="text" style="width:25px;text-align:center" value="{total}" maxlength="3" /> &nbsp;&nbsp;جستجو&nbsp;&raquo;&nbsp; <input name="search" class="inputcl1" type="text" style="width:150px" value="{search}" dir="ltr" /> [pages] &nbsp;&nbsp;صفحه&nbsp;&raquo;&nbsp; <select name="page" class="inputcl1" size="1"> [for pages]<option value="{number}"[selected] selected="selected"[/selected]>{number}</option>[/for pages] </select> [/pages] &nbsp;&nbsp; <input class="btn green" type="button" value="نمایش" onclick="account_list('{admin-page}&addon=account&'+parsysm.serialize('form-options-show'))" /> <input name="sort" type="hidden" value="{sort}" /> </form> 

但是加載頁面后modalbox操作不起作用-> modal box code：

  <div class="modal fade" id="portlet-sms{id}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> <h4 class="modal-title">ارسال پیامک به {name-show}</h4> </div> <div class="modal-body"> <div id="sms-ajax{id}"></div> <form id="sms-form{id}" onsubmit="sms_send({id});return false"> <input type="tel" name="singlesms[number]" value="{mobile}" class="form-control" maxlength="11" placeholder="09-- --- -- --" disabled /><br> <textarea class="form-control" name="singlesms[msg]" placeholder="متن خود را وارد نمایید"></textarea> </div> <div class="modal-footer"> <input type="submit" class="btn blue" value="ارسال پیام" /> <button type="button" class="btn default" data-dismiss="modal">بستن</button></form> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> 

Answer 1

我不確定我是否清楚地理解了您的問題，但似乎您正在嘗試用數據中返回的新表格替換現有表格。

您需要在文檔上編寫偵聽器，以偵聽表單並注冊向其提交事件。 如下所示：

 $(document).on("submit", "form", callbackFunction()); 

Answer 2

我用ajax加載頁面后的數據表單是：

 <form id="sms-form17920" onsubmit="sms_send(17920);return false"></form> 

在此代碼下形成數據元素！