AJAX页面内容转换和浏览器后退按钮

Question

我使用AJAX进行页面转换以仅加载容器并加载URL。但是现在我想放一个“返回”按钮。我尝试使用window.history.back()，但AJAX无效，它可以返回，但没有褪色效果。

$('#return').click(function(){
    event.preventDefault();
    const href = window.history.back();
    //window.history.pushState(null, null, href);
    $.ajax({
        url: href,
        success: function (data) {
            $('main').fadeOut(300, function(){
                const newPage = $(data).filter('main').html()

                $('.content').removeAttr('id').attr('id', type);
                $('main').html(newPage);

                $('main').fadeIn(500);
            })
        }
    })
})