после загрузки страницы с помощью Ajax формы submition не работает

Question

мой отправки формы после страницы загрузки с Ajax не работает мой код страницы загрузки:

проблема: после загрузки АЯКС формы как modalbox элементов

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

и загрузки страницы действия:

<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 действие не работает -> код модальное окно:

<div class="modal fade" id="portlet-sms{id}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
 
\t \t \t \t <div class="modal-dialog"> 
 
\t \t \t \t \t <div class="modal-content"> 
 
\t \t \t \t \t \t <div class="modal-header"> 
 
\t \t \t \t \t \t \t <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> 
 
\t \t \t \t \t \t \t <h4 class="modal-title">ارسال پیامک به {name-show}</h4> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t <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> 
 
          
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t <div class="modal-footer"> 
 
         \t <input type="submit" class="btn blue" value="ارسال پیام" /> 
 
\t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t <button type="button" class="btn default" data-dismiss="modal">بستن</button></form> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t <!-- /.modal-content --> 
 
\t \t \t \t </div> 
 
\t \t \t \t <!-- /.modal-dialog --> 
 
\t \t \t </div>

Answer 1

Я не уверен, если я понимаю ваш вопрос ясно, но кажется, что вы пытаясь заменить существующую форму новой формой, возвращенной в данных.

Вам нужно будет написать слушатель в документе, который прослушивает форму и регистрирует на нее событие отправки. Что-то, как показано ниже:

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

Answer 2

моя форма данных после того, как страница загрузки с AJAX являются:

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

элемент данных формы под этим кодом !!!