jQuery页面过渡使上一页为空白

Question

在页面之间导航时，我将以下脚本与jQuery配合使用以进行淡入淡出过渡：

$(document).ready(function() {
    $("body").css("display", "none");
    $("body").fadeIn(200);
    $("a").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("body").fadeOut(200, redirectPage);
    });
    function redirectPage() {
        window.location = linkLocation;
    }
});

当仅使用链接在页面之间导航时，它工作正常，但是当使用浏览器上的“后退”按钮时，返回的页面为空白。

通过后退按钮导航到页面时，如何使页面正确显示？

Answer 1

使用后退按钮可以让您回到离开前一页的状态（在这种情况下，该页面完全消失了），至少我是这样理解的。 如果我错了，请随时纠正我。

无论如何，我认为重新粉刷 DOM可以解决您的问题（摘自Coderwall ）：

$.fn.redraw = function(){
    $(document).each(function(){
        var redraw = this.offsetHeight;
    });
};

并调用该函数： $(document).redraw();

Answer 2

尝试使用委托怎么样

$("a").on('click', function(event){
    event.preventDefault();
    linkLocation = this.href;
    $("body").fadeOut(200, redirectPage);
});