JQueryを使用してページエントリをアニメーション化しています。サイトの別のページに移動し、ブラウザの戻るボタンを使用して元のページに戻ると、ページアニメーションの最終状態が読み込まれていることに気付きました。次に、その問題を修正する次の方法を見つけました。
<body onunload="">
これは問題なく機能しましたが、別の問題に気づきました。ページを読み込んで新しいブラウザタブを開き、同じページに移動すると、アニメーションの最終状態も読み込まれます。何が原因なのか正確にはわかりませんが、修正があるかどうか疑問に思っています。
編集
問題の原因となっているアニメーションは次のとおりです。
次の関数は、カウントが0に設定され、配列の内容がシャッフルされた他の関数によって呼び出されます。
function EntryFadeInContainers(count, array) {
$('#subContainer' + array[count]).fadeTo(50, 1, function () {
$('#subContainer' + array[count]).css("display", "block");
++count;
if (count != 20) {
document.title = "shown: " + count;
EntryFadeInContainers(count, array);
}
else {
$("#mainContainer").css("display", "block");
isPageEntryAnimationDone = true;
}
});
}
document.title = "shown: " + count;デバッグのみを目的としています。ページが新しいタブに読み込まれると、IE9の10回のうち9回は再帰関数を実行しないことに気付きました。
編集
IE10でテストしたところ、正常に動作しているようです。