使用jQuery的浏览器历史记录

2023年5月16日 216次阅读

现在我有一个系统设置,以便一个人必须采取某些步骤才能在页面上进行.我只是使用show hide并使用以下方法进行im：

    function shownext(){
            $(this).next('div').fadeIn(500);
    }

    function showprev(){
            $(this).prev('div').fadeIn(500, backup);
    }

有没有办法我可以进行深层链接,以便该人可以使用浏览器后退按钮返回上一步？

最佳答案
history.js库使用HTML5历史API(使用缺少API的浏览器的哈希回退)很容易做到这一点.

你可以这样做：

function shownext(){
        $(this).next('div').fadeIn(500);
        // Push state with next page number.
}

function showprev(){
        $(this).prev('div').fadeIn(500, backup);
        // Push state with previous page number.
}

History.Adapter.bind(window,'statechange',function(){
    var State = History.getState();
    goToPage(State.data.page);
}

function goToPage(page)
{
    // Go to page.
}

该库的文档和演示非常有用.

点赞