2011-08-30 87 views
0

我需要在javascript中處理瀏覽器後退按鈕。我已經在JS中實現了標籤功能。所以我希望用戶返回到他們導航到另一個頁面的確切時間。在javascript中處理瀏覽器後退按鈕

我可以保留選項卡#在一些隱藏的輸入字段。並檢查在JavaScript中相同。

但是,如何確保在用戶點擊後退按鈕時在javascript中調用函數。一些幫助將不勝感激。

+0

這是相反的方式。當您通過hxr加載所有內容時,後退按鈕不會像用戶所期望的那樣工作。 – roselan

+0

我認爲阿米特意味着他有JS(不在瀏覽器中)創建的標籤。因此,導航可能是不需要的。但這只是一個猜測,問題還不清楚。 – RvdK

+0

他想要的是:當用戶按下瀏覽器的導航按鈕時,標籤的變化應該被識別。與用戶一樣轉到選項卡1,2和3,用戶按下按鈕,用戶登錄選項卡2而不是上一頁。 –

回答

2

This plugin(來自jQuery工具)正是你想要的。

HTML:

<!-- tabs title --> 
<ul id="flowtabs"> 
    <li><a id="t1" href="#player_tab">The Player</a></li> 
    <li><a id="t2" href="#plugins_tab">Plugins</a></li> 
    <li><a id="t3" href="#streaming_tab">Streaming</a></li> 
</ul> 

<!-- tabs content --> 
<div id="flowpanes"> 
    <div>tab1 html here</div> 
    <div>tab2 html here</div> 
    <div>tab3 html here</div> 
</div> 

的Javascript:

<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script> 
<script> 
$(function() { 
    $("#flowtabs").tabs("#flowpanes > div", { history: true }); 
}); 
</script> 
+0

我喜歡這個插件。但事情是整個標籤功能已經到位,我無法繞過事物的結構方式。 – amit

+0

你仍然可以學習'jQuery工具'如何實現:https://github.com/jquerytools/jquerytools/tree/master/src/tabs –

0

怎麼樣history.go(-1)

$(function(){ 

$("#myLink").click(function(){ 
history.go(-1); 
}); 

}); 
0

我邀請您閱讀this article

基本上,它基於dhtmlhistory對象,它改變了瀏覽器中的url。