用户在浏览器中单击后退按钮时，Ajax页面不会更改内容

Question

当我单击具有类 ajax-link 的页面的链接时，将使用ajax加载该页面。但是，如果我按浏览器中的“后退”按钮，我的内容将保持不变。如何解决？我必须在浏览器历史记录中保存某些内容，还是必须使用ajax脚本重新初始化页面？

$(document).ready(function() {
    $(".ajax-link").click(function() {
        $("#page-content").html("<p>Loading...</p>");

        $.get($(this).attr('href'), function(data) {
            $("#page-content").html(data);
        });

        var link = $(this).attr('href');
        var title = $(this).data('title');

        window.history.pushState('', "Title", link);
        $('title').html(title);

        return false;
    });
});