브라우저 다시 버튼 위치 문제

Question

서브 페이지에 연결할 때 부드러운 fadeIn, fadeOut에 대한 다음 스크립트가 있습니다.

$("body").css("display", "none"); 
$("body").fadeIn(500); 

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

function redirectPage() { 
    window.location = linkLocation; 
}  

잘 작동합니다. 이상한 점은 브라우저의 뒤로 버튼에 문제가 있다는 것입니다. 내가 index.html에 있고, about.html에 링크하는 링크를 클릭하고, 뒤로 버튼으로 표시된 것은 모두 빈 페이지 인 index.html으로 돌아 가려고합니다. 수동으로 새로 고침해야합니다.

는 예를 HERE

주를 찾을 수 있습니다 내 문제가 명확하게하려면 나는 파이어 폭스와 사파리에서이 문제가 발생합니다. 크롬은 괜찮은 것 같습니다.

Answer 1

이것은 페이지의 전체 상태를 저장하는 브라우저의 특별한 "뒤로/앞으로"캐시 때문입니다.

이벤트에 fadeIn을 추가 할 수 있습니다.

https://stackoverflow.com/a/2218733/3527940