提交后动画jQuery表单ui div

Question

我只是想知道如何在表单提交上为ji表单设置ui的div更新动画，而不是明显地出现。

这是我迄今为止在多阶段表格上所做的工作：

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