Question

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

进行即时通讯

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

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

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

Answer 1

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.
}

图书馆的文档和演示非常有用。

使用jQuery的浏览器历史记录

1 个答案: