javascript - 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();
});

正如你所看到的，因为 function play_fu，#main_photo img总是动画的（一些东西被添加到它的动画队列中）。当我单击时，pause我希望播放最后一个动画，因此用新照片更改照片，fadeIn然后停止。

现在，发生的情况是新照片尚未淡入，并且动画将在单击时立即停止pause。任何想法如何解决这个问题？

Answer 1

它应该是

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