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);