我正在使用 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 中测试,它似乎工作正常。