History.js适用于模态弹出窗口

Question

我想知道是否有人能更好地解决我的问题。我正在尝试实现History.js以使用模态弹出窗口。如果您尝试单击弹出窗口中显示的任何引脚，则在Pinterest中使用相同的技术，如果您关闭弹出窗口或单击浏览器的后退箭头，则URL将更改回root。尝试转发然后向后移动浏览器历史记录，这就是我想要的东西。到目前为止我的代码。

$('.thumbnail').on('click',function(e){
    var urlPath = $(this).attr('href');

    //ajax call here then update content of the popup and pushState after ajax successful
    History.pushState({ "action":"show_popup" } , response.pageTitle, urlPath); //change url to website.com/post/123456
    $('#popup').popup('show'); //show popup
});

History.Adapter.bind(window,'statechange',function() { 
        var State = History.getState();
        if(State.action == "show_popup"){
            //call to show popup
        }else{
            //call to hide all popup
        }
});

//change back the url when popup close
$('#popup').bind('closed',function(){
    // change the url back to website.com/feeds/
    History.back();
});

我的问题是当我转发/退回浏览器时如何判断何时显示或隐藏弹出窗口？