History API вернуться назад?

Question

[Сергей Дефактов]

Пытаюсь подключить history api но не работает кнопка вернуться в браузере , сам заголовок меняется но страница остается той же в чем проблема?

if (data.status == 200) {
    var url = $(this).attr("href");
    var title = $(this).attr("href");
      if(url != window.location){
      window.history.pushState('object', title , url);
        }
    document.body.style.overflow = 'hidden';
      $('.lightbox-container').html(data.html);
addEventListener('popstate', function (event) {
    event.state; // this contains the state data from `pustState`. Use it to decide what to change the page back to.
}

Answer 1

[profesor08]

Назад

window.history.back();
window.history.go(-1);

Вперед

window.history.forward();
window.history.go(1);

Answer 2

[Дмитрий Беляев]

В обработчике события popstate нужно восстанавливать состояние приложения
Для этого и существует объект состояния, передаваемый первым аргументом в history.pushState и передаваемый в событие
Так же полезно сохранить начальное состояние при загрузке страницы через history.replaceState

Comments

[Сергей Дефактов]

пример?