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

該庫的文檔和演示是非常有用的。