HTML5/jQuery: pushState i popState - głęboki link?

Question

first off Nie mogę określić, do czego służy pierwszy parametr funkcji pushState? Co mam przekazać? Po prostu chcę zmienić adres URL podczas przewijania strony. Pytam identyfikator bieżącego elementu w oknie roboczym, a jego identyfikator powinien również być linkiem w adresie URL. Działa to dobrze z poniższym kodem.

var currentHash, 
     url; 

    if (history && history.pushState) { 

     $(window).scroll(function() { 
      hash = $('.layer:in-viewport').attr('id'); 
      catHash = $("#"+hash).parent('section').attr('id'); 

      var data = "nothing"; 

      if (catHash != undefined) 
       url = "/" + catHash + "/" + hash; 
      else 
       url = "/" + hash; 

      if (currentHash != hash) { 

       window.history.pushState(data, hash, url); 

      } 

      currentHash = hash; 

     }); 

    } 

Teraz mam dwa pytania:

1.) Teraz adres URL w pasku adresowym zmiana stanu powodzeniem kiedy przewijać mojej stronie. Jak mogę zapytać adres URL/hash na pasku adresu, gdy początkowo ładuję stronę. Więc wyobraź sobie, że mam teraz link taki jak www.url.com/deep Chcę się dowiedzieć, co/gdzie jest głęboki? Czy po prostu muszę przesłać zapytanie do całej witryny top.location i podzielić ją na "/"? Mam na myśli, że te linki w rzeczywistości nie istnieją, więc jak mogę uniknąć 404 stron podczas wywoływania adresu URL, który zmanipulowałem za pomocą funkcji pushState?

2.) Jak mogę znaleźć ostatnią zmianę na pasku adresu po kliknięciu przycisku Wstecz? Więc chcę znaleźć /deep po kliknięciu przycisku wstecz przeglądarki, aby móc wrócić do tej pozycji na stronie. Myślę, że to prawdopodobnie działa z Popstate, ale nie mogłem dowiedzieć się, jak!

Dziękuję za pomoc!

Aktualizacja:

window.history.pushState("test", hash, url); 

...

$(window).bind('popstate', function(event){ 
     console.log(event.data); 
    }); 

to sprecyzowane zerowa. Czy nie powinieneś tego "testu" zwrócić?

Answer 1

do czego służy pierwszy parametr funkcji pushState?

Od the documentation

obiekt stanu - Obiekt stan jest obiekt JavaScript, który jest związany z nowym wpisem historii stworzonej przez pushState(). Za każdym razem, gdy użytkownik przechodzi do nowego stanu, zdarzenie popstate jest uruchamiane, a właściwość state zdarzenia zawiera kopię obiektu stanu wpisu historii.

Jest to pakiet wybranych danych, który otrzymasz po powrocie do tego stanu.

W tej chwili adres URL paska adresu zmienia się pomyślnie po przewinięciu strony. Jak mogę zapytać adres URL/hash na pasku adresu, gdy początkowo ładuję stronę.

Spójrz na obiekt location ... ale nie musisz. Możesz (i powinieneś) zapełnić stronę serwera strony. Jest to jedna z zalet pushState, link działa nadal, jeśli JavaScript nie jest dostępny, a powrót strony po stronie serwera jest płynnie zintegrowany.

Jak mogę znaleźć ostatnią zmianę na pasku adresu po kliknięciu przycisku Wstecz?

dodać detektor zdarzeń (patrząc na imprezę popState), a dane, które przechowywane są w niej dostępne będą na obiekcie zdarzenia. MDN has an example

Answer 2

jQuery abstrahuje się obiekt zdarzenia, chcesz: event.originalEvent.state;