problem z push state

Question

mam taką funkcje:

function getPage(page){
  console.log("sprawdzanie strony");
  if(actPage == page){return}
  console.log("ustawianie strony strony");
  actPage = page;
  $(".progressbar").fadeIn(50);
  console.log("ajax");
  $.ajax({
      url         : "DashBoard/"+page+".php",
      type        : "post",
      dataType    : 'text'
  }).done(function(response) {
    if(response != ""){
      $(".content").html(response);
      $(".progressbar").fadeOut();
    }
  });
  console.log("push state");
  history.pushState(null, '#' +page, '#' +page);
}

wykonuje się ona albo po kliknięciu w dane hiperłącze w nawigacji (onClick) albo po odświeżeniu strony "document.onLoad". podmienia mi kontent, oraz hash w pasku. wszystko ładnie pięknie, ale push state chyba mi źle zapisuje strone, bo gdy klikam w przeglądarce powrót do poprzedniej strony, to hash w pasku przeglądarki  się zmienia, ale strona ani drgnie. więc mam pytanie. jak tego używać :D ?  dodam ze przeglądarka to najnowszy zaktualizowany firefox

Comments

Czym dokładnie jest parametr page? Czy w konsoli są błędy? Sprawdź też przed i po użyciu metody history.pushState zawartość obiektu history - czy zaszły tam zmiany?

---

żadnych błędów, page to hash. działa to dokładnie tak:

- mam listę, w której każdy element listy ma atrybut onClick="getPage('page')" <--- z czym gdzie page to właśnie konkretny hash.

- uruchamia się ta funkcja która do diva content zaczytuje odpowiedni plik PHP ajaxem oraz zapisuje push statem adres (w tym przypadku hash)

i właśnie ten push state nie działa tzn. adres w pasku przeglądarki jest ładnie podmieniany na odpowiedni stary hash, ale zawartość strony się nie zmienia

---

Problem z teorii mozan uznać za rozwiązany, wykorzystałem te 2 funkcje:
 

function firstLoad(){
  var hash = window.location.hash;
  hash = hash.substr(1);
  actPage = hash;
  $(".progressbar").fadeIn(50);
  $.ajax({
      url         : "DashBoard/"+hash+".php",
      type        : "post",
      dataType    : 'text'
  }).done(function(response) {
    $(".container").html(response);
    $(".progressbar").fadeOut();
  });
}

window.onpopstate = function(event) {
   var hash = document.location.hash.substr(1);
   firstLoad(hash);
};

nie jest to najlepszy kod, ale moze komuś się przyda :p