在jQuery中使用浏览器历史

Question

现在我有一个系统设置程序，以便人们必须采取某些步骤才能在页面上进行操作。林只需使用显示隐藏和使用进展IM：

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

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