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); 
});