Javascript：在Safari中不工作的页面之间淡入淡出

我一直在努力，几乎完成了。只需要在发布前修复最后一个bug，我希望有人能在这里帮助我解决一些Javascript问题

我一直在使用下面的代码在页面之间实现平滑的淡入淡出过渡，这种效果在Chrome和IE中非常有效

但在Safari中，问题出现了：当从一个页面转到另一个页面时，淡入淡出效果很好。但是，当向后单击，转到您来自的页面时，屏幕是空白的。仅当显示刷新内容时

例如，在Safari中尝试，然后转到。 单击第一张图片/案例“Bwatt杂志”，然后尝试返回。在刷新之前，屏幕应为空白

为什么这是最重要的问题？我该如何解决

$(document).ready(function() {
    $("html,body").css("display", "none");
    $("html,body").fadeIn(650);
    $("a:not([href^='#'])").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("html,body").fadeOut(650, redirectPage);      
    });       
    function redirectPage() {
        window.location = linkLocation;
    }
});

function fadeIn(obj) {
    $(obj).fadeIn(650);
}

---

Firefox中也出现了同样的问题，但我通过在（“html，body”）中插入html解决了这个问题。

在我的Mac上的FF、Chrome、Safari上也同样有效……真的吗？你确定吗？我坐在Mac电脑上，在Safari中淡入淡出效果不起作用？只是试了一下