提交後動畫jQuery形式的用戶界面div

Question

我只是想知道如何在表單提交的jQuery表單UI更新動畫，而不是它顯然出現。

這是迄今爲止我已經做了我多階段形式的工作：

http://licf.ronaldboadi.com/practice/test.html

Answer 1

你可以使用一個加載GIF，而你正在處理數據，一旦你有你的DIV準備使用淡入在動畫中。

//Assuming you have a $.ajax request to submit the form: 

//add the loading gif 
$('#submitform').html('<img src="loading.gif" />'); 

//send your form data 
$.ajax({ 
    url: "process.php", 
    data: { 
     param1: 1, 
     param2: 2, 
     param3: 3 
    }, 
    success: function(data){ 
     //hide the div, assuming the process.php return simple html code to your page update the div content, then add the fade in animation 
     $('#submitform').hide().html(data).fadeIn('slow'); 
    } 
});