提交jQuery表單動畫

Question

使用jQuery表單插件時，淡出表單和淡化結果的最佳方式是什麼？ （http://jquery.malsup.com/form/#getting-started）

<script type="text/javascript"> 

// prepare the form when the DOM is ready 

$(document).ready(function() { 
var options = { 
    target:  '#t5', 
    beforeSubmit: showRequest, 
    success:  showResponse 
}; 

// bind to the form's submit event 

$('#t5_booking').submit(function() { 
    $(this).ajaxSubmit(options); 
    return false; 
    }); 
}); 

// pre-submit callback 

function showRequest(formData, jqForm, options) { 
    var queryString = $.param(formData); 
    // alert('About to submit: \n\n' + queryString); 
} 

// post-submit callback 

function showResponse(responseText, statusText, xhr, $form) { 
} 
</script> 

Answer 1

您可以使用回調函數是這樣的：

function showResponse(responseText, statusText, xhr, $form) { 
    $($form).fadeOut('slow', function(){ // or maybe $form.fadeOut('slow', function(){ 
     // show your result with fadeIn func 
     $('#resultdiv').html(responseText).fadeIn('fast'); 
    }); 
} 

您可以在淡入使用回撥太