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

ご覧のとおり、 functionplay_fuにより、#main_photo imgは常にアニメーション化されます (何かがアニメーション キューに追加されます)。クリックするpauseと、最後のアニメーションが発生するので、写真を新しい写真に変更してからfadeIn停止します。

ここで、新しい写真がまだフェードインしていない可能性があり、 をクリックするとアニメーションがすぐに停止しpauseます。これを解決する方法はありますか？

Answer 1

そのはず

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