jquery - ブラウザのタブを変更するとJquery Animateが停止する

Question

ポートフォリオにクレイジーな問題があります: http://hericdk.com

jquery で簡単なアニメーション、つまり宇宙船が飛んでいるアニメーションを作成したところ、自分の作品が表示されました。このアイデアは素晴らしく、誰もが気に入りました。船が飛び始め、ブラウザのタブを変更して戻ると、背景のアニメーションはすべて正常に動作します..しかし、船のアニメーションは、ポートフォリオのタブに戻るまでアニメーションの次のアクションを待っています.

皆さんが理解できるように、ここに宇宙船のアニメーションのコードを載せておきます。

$('#spaceship a').click(function(){
    $('#spaceship').spState(2).sprite({fps: 9, no_of_frames: 12});
    $('#space').stop().delay(3000).animate({'top':'0px'},9000,'easeInOutQuad');

$('#spaceship').animate({'top':'150px','left':'55%'},3000,'easeInOutExpo').delay(200)
    .animate({'top':'350px','left':'65%'},2000,'easeInOutExpo').delay(100)
    .animate({'top':'-400px','left':'65%'},1300,'easeInBack').delay(100)
    .animate({'top':'-400px','left':'88%'},300,'easeInBack').delay(3000)
    .animate({'top':$(window).height()-305+'px','left':'88%'},4000,'easeOutQuad',function(){
    $('#spaceship').spState(1).spStop(true);


    });// spaceship launch

    return false;       
}); //spaceship animation