Javascript 按back并调用history.back（）后；History.pushstate不是'；t实例化/不工作

因此，我正在使用history.js创建某种影响历史状态的弹出模式。 我正在加载jquery，而不是history.js 一切似乎都很正常，直到我在浏览器中按back，加载一个页面，然后用鼠标关闭弹出窗口，History才开始工作，History.pushstate返回null

这是我的javascript代码：

`var urlPath;`

（函数（窗口，未定义）{
bind（窗口，'statechange'，函数（）{
var State=History.getState（）；
如果（State.data.action==“显示弹出窗口”）{
$（'html，body'）.css({
“溢出”：“隐藏”
});
$（'.lightbox dimmer'）.fadeIn（）；
$（'.lightbox dimmer'）.focus（）；
$（'.lightbox load'）.fadeIn（）；
$（“#lightbox”）.load（urlPath+'.halfpage、.sidepage'，function（）{
$（'.lightbox load'）.fadeOut（）；
$（'.lightbox warp'）.fadeIn（）；
$（'.lightbox dimmer'）。单击（函数（事件）{
if（（！$（event.target）.最近（'.post info'）.length&！$（event.target）.最近（'.post auth'）.length））{
$（'.lightbox dimmer'）.unbind（）；
历史。返回（）；
}
});
});
}否则{
历史
$（'html，body'）.css({
“溢出”：“自动”
});
$（'.lightbox调光器，.lightbox扭曲'.fadeOut（）；
$（'.lightbox dimmer'）。滚动顶部（0）；

} }))

设法解决了它

$(document).ready(function(){
$('.post-image img').lazyload({
    effect : "fadeIn"
});
var $container = $('.posts');
$container.imagesLoaded( function() {
    $container.masonry({
        itemSelector: '.post',
        isOriginLeft: false
    });
});

$('.post-image').click(function(){
    var urlPath = $(this).attr('href');
    History.pushState({state:1}, "State 1", urlPath); //,rand:Math.random()
    return false;
});

});

(function(window,undefined){

var History = window.History;
var State = History.getState();

History.Adapter.bind(window,'statechange',function(){
    var State = History.getState();
    alert(State.data.state);
    if(State.data.state == 1){
        $('html, body').css({
            'overflow': 'hidden'
        });
        $('.lightbox-dimmer').fadeIn();
        $('.lightbox-dimmer').focus();
        $('.lightbox-load').fadeIn();
        $("#lightbox").load(State.url+' .halfpage, .sidepage', function() {
            $('.lightbox-load').fadeOut();
            $('.lightbox-warp').fadeIn();
            $('.lightbox-dimmer').one('click', function(event){
                if ((!$(event.target).closest('.post-info').length && !$(event.target).closest('.post-auth').length))  {
                    History.pushState({state:2}, "State 2", '/');
                }
            });
        });
    }else{
        $('html, body').css({
            'overflow': 'auto'
        });
        $('.lightbox-dimmer, .lightbox-warp').fadeOut();
        $('.lightbox-dimmer').scrollTop(0);
    }
});

})(window);

$(document).ready(function(){
$('.post-image img').lazyload({
    effect : "fadeIn"
});
var $container = $('.posts');
$container.imagesLoaded( function() {
    $container.masonry({
        itemSelector: '.post',
        isOriginLeft: false
    });
});

$('.post-image').click(function(){
    var urlPath = $(this).attr('href');
    History.pushState({state:1}, "State 1", urlPath); //,rand:Math.random()
    return false;
});

});

(function(window,undefined){

var History = window.History;
var State = History.getState();

History.Adapter.bind(window,'statechange',function(){
    var State = History.getState();
    alert(State.data.state);
    if(State.data.state == 1){
        $('html, body').css({
            'overflow': 'hidden'
        });
        $('.lightbox-dimmer').fadeIn();
        $('.lightbox-dimmer').focus();
        $('.lightbox-load').fadeIn();
        $("#lightbox").load(State.url+' .halfpage, .sidepage', function() {
            $('.lightbox-load').fadeOut();
            $('.lightbox-warp').fadeIn();
            $('.lightbox-dimmer').one('click', function(event){
                if ((!$(event.target).closest('.post-info').length && !$(event.target).closest('.post-auth').length))  {
                    History.pushState({state:2}, "State 2", '/');
                }
            });
        });
    }else{
        $('html, body').css({
            'overflow': 'auto'
        });
        $('.lightbox-dimmer, .lightbox-warp').fadeOut();
        $('.lightbox-dimmer').scrollTop(0);
    }
});

})(window);