Question

我正在尝试将分页链接与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;
   });

Answer 1

您可以通过侦听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>

分页链接与ajax后退按钮不回

1 个答案: