Javascript：在Safari中无效的页面之间淡入淡出

Question

我一直在http://buchstudio.com/工作，而且差不多完成了。只需要在发布之前修复最后的错误，我希望有人可以帮助我解决一些Javascript问题。

我一直在使用以下代码在页面之间实现平滑的淡入淡出过渡，效果在Chrome和IE中完美运行。

但在Safari中会出现问题：当从一个页面指向另一个页面时，淡入淡出效果正常。但是当向后点击，转到你来自的页面时，屏幕是空白的。仅在刷新内容时才会显示。

例如，在Safari中尝试，然后转到http://buchstudio.com/buchstudio.html。 点击第一张图片/案例＆＃34; Bwatt杂志＆＃34;然后试着回去。在刷新之前，屏幕应该变为空白。

为什么这个和最重要的我如何解决它？

$(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中出现了同样的问题，但我通过在（＆＃34; html，body＆＃34;）中插入html解决了这个问题。