jquery - Jquery首先加载内容然后淡入

Question

我正在使用 Jquery 将表单“发布”到页面，其结果应该填充表单最初所在的 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完成

演示小提琴