非アクティブなタブでのJavascript/Jqueryタイミングのエラー

Question

最近、Javascript/jQueryでアニメーションを作成する作業を行いました。アニメーションは、ロンドン管マップの周りを動く円で構成されています。ステーションを通過するたびに、ステーション名に下線が引かれます。

私はまだそれを改良することに取り組んでおり、タブがアクティブでないときにページに戻ったときにシーケンスのタイミングを乱すと気づいています。私はそれをiframeの中に埋め込んでいるので、$(window).focus()または$(window).blur()を使うとうまくいかないようです。

jQueryのアニメーション機能を使用して円をアニメーション化し、テキストの下のすべての行に不透明度0を設定し、不透明度を100にアニメーション化するために遅延を入れます。 表示するリンクを下に入れましたアニメーションはそのままです。現在調整中のアニメーションには問題はありますが、非アクティブなタブの問題を修正する方法がわかりません。どんな援助もうまくいく。

withoutframe：フレーム http://www.gbutlercreative.co.uk/london/frame.html

Answer 1

と http://www.gbutlercreative.co.uk/london/index.html

私はあなたがアニメーションのコールバック関数を使用することができると思いますが、あなたはすべてのあなたのロジックを再コーディングする必要があります：

$(".icon") 
    .animate({left:'+=23px',top:'+=23px'},500,'linear',function(){$(".Chesham").animate({opacity:1},10);}) 
    .animate({left:'+=22px'},500,'linear',function(){$(".Chalfont").animate({opacity:1},10);}) 

すべての人に同じことをやってください。