Wiat for fadeOut完成其效果然后执行fadeIn效果

Question

我的剧本中有这两种效果。

$("#imgContainer").fadeOut(500);
$("#b").fadeIn(500);

我想要$("#b").fadeIn(500);在第一个完全完成其效果后的效果。我该怎么做。

我试过这个

setTimeout(
  function() 
  {
    $("#imgContainer").fadeOut(500);
  }, 500);

但没有奏效。

我也试过这个$("#imgContainer").fadeOut(500).delay(500);

Answer 1

尝试使用callback function，

$("#imgContainer").fadeOut(500,function(){ $("#b").fadeIn(500); });

Answer 2

$("#imgContainer").fadeOut(500,function(){
   $("#b").fadeIn(500);
});