Javascript jQuery停止操作“;“休息”;动画

Javascript jQuery停止操作“;“休息”;动画,javascript,jquery,Javascript,Jquery,我有以下代码: 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_

我有以下代码:

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
始终处于动画状态(某些内容被添加到其动画队列中)。单击“暂停”时,我希望最后一个动画发生,以便用新照片更改照片,然后单击“fadeIn”,然后停止

现在,发生的情况是,一张新照片可能尚未淡入,动画将在单击“暂停”时立即停止。有什么办法解决这个问题吗?

应该是

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

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

谢谢你的回答。。。现在,当我按下
pause
时,动画似乎并没有停止。它一直在继续。尝试使用$(“#main#u photo img”)。停止(true,true);。如果仍然不行,请摆好小提琴,这样我可以进一步帮助你。谢谢你的回答。。。现在,当我按下
pause
时,动画似乎并没有停止。它一直在继续。尝试使用$(“#main#u photo img”)。停止(true,true);。如果仍然不行,请摆好小提琴,这样我可以进一步帮助你。