javascript - jQuery 停止 Action "breaks"动画

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 始终是动画的(某些内容被添加到其动画队列中)。当我点击暂停时，我希望播放最后一个动画，因此用新照片更改照片，然后淡入，然后停止。

现在，发生的情况是新照片尚未淡入，单击暂停时动画将立即停止。有什么想法可以解决这个问题吗？

Answer 1

应该是

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