2011-09-30 33 views
3

在提交時,我想在#results中添加一個.loading類,直到數據被返回,因此該類將被刪除。熱點添加一個加載類,直到表單數據使用jQuery返回?

代碼如何更改?

$(function(){ 
    $("#myform").submit(function(event){ 
     event.preventDefault(); 


     $.post('mail.php', $("#myform").serialize(), function(data) { 
      $('#results').hide().html(data).fadeIn('slow').delay(2000).hide(1); 
     }); 
    }); 
}); 

回答

3

如果我理解正確:

$(function(){ 
    $("#myform").submit(function(event){ 
     event.preventDefault(); 

     // Add the class here: 
     $("#results") 
      .show() 
      .addClass("loading"); 

     $.post('mail.php', $("#myform").serialize(), function(data) { 
      $('#results') 
       .hide() 
       .html(data) 
       .fadeIn('slow') 
       .delay(2000) 
       .hide(1) 
       .removeClass("loading"); // Remove the class here. 
     }); 
    }); 
}); 
+0

謝謝你,但它只能我第一次進入的形式 – EnexoOnoma

+0

你說得對,我已經編輯上面的代碼,以現在的工作。另外,這裏是一個小提琴。 http://jsfiddle.net/fkw5s/6/ – Wyatt

+0

現在我不能得到任何回報。加載類現在永遠出現。以前,即使加載類第一次工作,它也會返回數據。在mail.php中有一個簡單的'mail()'函數。 – EnexoOnoma

相關問題