Jquery首先加载内容然后fadein

Question

我正在使用Jquery将表单“POST”到页面，其结果应该填充表格的第一个DIV。

我用这个：

$.post('management_actions.php', $('#NewJobForm').serialize(), function(data){
  $('#JobWindow').fadeOut(150).html(data).fadeIn(150);
}); 

但它不起作用，因为它在内容加载之前已经消失了。如何让这些功能相互“等待”？

Answer 1

使用像这样的回调函数

$('#JobWindow').fadeOut(150,function(){
   $('#JobWindow').html(data);
   $('#JobWindow').fadeIn(150);
});

这将在设置数据之前等待fadeOut effect完成

Demo Fiddle