jQuery에서 pushstate 및 load를 사용한 뒤로 탐색

Question

저는 현재 jQuery를 사용하여 컨텐츠를 holder div에 동적으로로드 한 다음 pushstate로 URL을 업데이트합니다.

다음 코드 지금까지 (일부는 예를 들어, 단순화를 위해 제외) 한 :

예상하고 새로운 콘텐츠로드하지만 뒤로 버튼에 있어야 무엇에 URL을 변경 현재 unfunctional이다대로 작동

$("body").on("click", "a:not(.noclick)", function(){ 

    history.pushState({path: $(this).attr("href")}, "", $(this).attr("href")); 

    $("#main").load($(this).attr("href")); 

    return false 
}); 

, 등을 누르면 URL이 이전으로 변경되지만 다른 것은 발생하지 않습니다.

jQuery와 함께 사이트를 사용하여 헤더없이 또는 자바 스크립트없이 페이지를로드 할 수 있고 URL에서 페이지가 표시되므로 해당 부분에 문제가 없습니다.

마지막 탐색 기록을로드하기 위해 뒤로 탐색에로드를 사용할 수있는 방법이 있습니까? 나는 해싱을 사용하지 않는 편이 좋을지 모르지만 그것이 없으면 확실하지 않습니까?

페이스 북은 네비게이션에서 도움이된다고 생각합니까?

Answer 1

popstate 이벤트 처리기가 필요합니다.

그러나 jquery-pjax을 사용하여 다른 사람의 문제를 만들어 보지 않겠습니까?

당신은 pjax 스크립트, 아마도 다음은 충분하다 포함하면이 특정 사용이 비 #main 콘텐츠를 제거하기 위해 모든 서버 처리를 필요로하지 않습니다

$(function() { 
    $("a:not(.noclick)").pjax("#main", { fragment: "#main" }); 
}); 

을하지만, pjax도 지원 당신이 참조하는 부분적인 내용. 당신이 pjax를 사용하지 않으려면

Answer 2

https://developer.mozilla.org/en-US/docs/DOM/window.onpopstate

이 링크는 당신을 도울 것입니다.