+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: HTML5 History API (/thread-html5-history-api)
HTML5 History API - hieroshima - 23-07-2012
Witajcie,
Pytanie do używających history API. Mam treść na stronie ładowaną ajaxem z zamienianiem URL za pomocą funkcji history.pushState. Działa to fajnie i prawidłowo, jednak chciałbym usprawnić przycisk przeglądarki back. I w 50% mi się udało tzn. do zmiennej prev_link zapisuje url strony z której przeszedłem. Kiedy nacisne back w przeglądarce adres URL zmieni się na ten co był poprzednio jednak treść już się nie zmienia... i to mój problem
. Jakieś sugestie jak to rozwiązać? Kod PHP:
$('.navSubpage ul li a').on('click', function(ev){
ev.preventDefault();
$('.navSubpage ul li a').removeClass();
var prev_link = document.referrer;
$(this).addClass('currentTab');
var link = $(this).attr('href');
//console.log('link', this.link);
console.log('link', prev_link);
$('.articleContent').load(link + '?' + new Date().getTime() + ' .articleContent');
history.pushState(prev_link, "",link);
});
edit:
Poradziłem sobie
dzięki opcji window.onpopstate i przypisaniu do niego funkcji odświeżania strony