제출 후 jQuery 폼 ui div 애니메이션하기

Question

jQuery 폼 UI 업데이트를 폼 제출시에 div로 업데이트하는 대신에 어떻게 평범하게 나타나는지 궁금합니다.

이

내가 내 다단계 양식에 지금까지 수행 한 작업입니다 :

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

Answer 1

당신은 당신이 데이터를 처리하는 동안 로딩 GIF를 사용하고 있었다 당신은 당신의 사업부 준비 사용 페이드를 일단 애니메이션에서.

//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'); 
    } 
});