jQuery的淡入/輸出埃爾然後淡入/出新的EL

Question

對不起，冠軍隨意編輯，

反正這是我迄今爲止

$('#foo').click(function() { 

    $('#foo2').html('<h4>Please wait...</h4>').fadeOut('fast'); 

    var sful = $('#foo3').fadeIn('fast').html('<h4>Success!</h4>').fadeOut('slow'); 
    setTimeout(sful, 4000); 

}); 

我試圖讓代碼＃foo2淡入點擊，然後爲淡出和＃foo3（var sful）然後淡入/淡出。

Answer 1

$('#foo2') 
      .html('<h4>Please wait...</h4>') 
      .fadeOut('fast', function() { // callback start after fadeOut() 
          setTimeout(function() { 
           $('#foo3') 
             .fadeIn('fast') 
             .html('<h4>Success!</h4>') 
             .fadeOut('slow'); 
           }, 4000); 
          }); 

Answer 2

$('#foo2').html('<h4>Please wait...</h4>').fadeOut('fast', function() { 
    var sful = $('#foo3').fadeIn('fast').html('<h4>Success!</h4>').fadeOut('slow'); 
    setTimeout(sful, 4000); 
}); 

的回調動畫完成後（function() { ..運行。見http://api.jquery.com/fadeOut/（特別是[,callback]部分）。