Animieren von jQuery-Form ui div nach der Einreichung

Question

Ich habe mich gerade gefragt, wie ich die jQuery-Form ui div-Update bei der Einreichung von Formularen animieren kann, anstatt sie einfach zu erscheinen.

Das ist die Arbeit, die ich bisher in meiner mehrstufigen Form getan haben:

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

Answer 1

Sie könnten ein Laden gif verwenden, während Sie Daten verarbeiten und wenn Sie bereit Verwendung haben Ihre div ein Fade in der Animation.

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