javascript - 与ajax后退按钮的分页链接不返回

我正在尝试使分页链接与ajax一起使用，并且更新URL可以正常工作，但是单击返回URL更新后，而不是页面时

 $(document).on('click','.pagination ul li a',function(){
        var thisUrl = $(this).attr('href');
        $.get(thisUrl,function(data){
            $('.news_archive').html(
                $(data).find('.news_archive').html()
            );
            history.pushState(null, "A pagination link!", thisUrl);
        })
        return false;
   });

最佳答案

您可以通过侦听hashChange事件而不是单击来做到这一点：

$(window).hashChange(function() {
    var thisUrl = window.location.hash;
    $.get(thisUrl, function(data) {
        $('.news_archive').html(
            $(data).find('.news_archive').html()
        );
    })
});

然后只需在您的链接中添加一个哈希即可：

<a href="#yourLink">Link</a>