Использование history.pushState с рельсами ajax-запрос

Question

Я работаю над секцией обмена сообщениями в приложении и имею некоторые проблемы с history.pushState. В принципе, у меня есть 2 представления, в которых перечислены все потоки, и один, чтобы показать один поток. Когда пользователь нажимает на поток (с установкой link to remote = true), рельсы отвечают на мой файл show.js.erb. Этот файл включает в себя:

$("#layout-body").html("<%=j render :partial => 'thread' %>"); 
    if (Modernizr.history) { history.pushState("test: testy", null, "<%=j raw message_thread_url(params) %>"); } 

В настоящее время, когда нажимается нить, адрес правильно обновляется/messages/ID. Однако, когда я нажимаю кнопку «Назад», URL-адрес меняется на/сообщения, но содержимое страницы не изменяется. Как мне сделать эту работу? Правильно ли я делаю это?

Answer 1

Вы должны ответить на событие popstate.

window.addEventListener("popstate", function(e) { 
    console.log(location.pathname); 
});