jQuery的停止動作「休息」動畫

Question

我有以下代碼：

function play_fu() { 
    $("#main_photo img").fadeOut(250, function() { 
     //change photo with new photo ++ 
    }).fadeIn(-250, play_fu).delay(400); 
} 

$("#play").click(function() { 
    $(this).hide(); 
    $("#pause").show(); 

    play_fu(); 
}); 


$("#pause").click(function() { 
    $("#main_photo img").stop(true); 
    $(this).hide(); 
    $("#play").show(); 
}); 

正如你所看到的，因爲功能play_fu，#main_photo img總是動畫（東西加入到它的動畫隊列）。當我點擊pause我想要最後一個動畫發生，所以要更改照片與新照片，然後fadeIn，然後停止。

現在，發生的事情是，一張新照片還沒有淡入，動畫會在點擊pause時立即停止。任何想法如何解決這個問題？

Answer 1

應該

$("#main_photo img").stop(false, true);