爲在另一個網頁中加載的網頁添加後退按鈕

我有一個index.php，其中有兩個主要部分：navbar和main-content。該navbar包含將加載另一個網頁的main-content通過這個jQuery代碼鏈接：爲在另一個網頁中加載的網頁添加後退按鈕

jQuery('#main-content').load('sampleurl');

一些網頁包含鏈接到另一個網頁，所以我想添加一個後退按鈕。我嘗試過使用history.back()和history.go(-1)以及$_SERVER['HTTP_REFERER']，但它們並不適用於我的情況。

如何在這種情況下添加後退按鈕？

來源

2013-04-15 Anna Fortuna

改爲向我們展示您的整個代碼。 –

您應該保留最後查看的頁面中JavaScript變量或隱藏輸入的值，那麼你只需要與

jQuery('#main-content').load(old_url);

添加按鈕，當您通過jQuery('#main-content').load('sampleurl');加載下一頁你必須隨時更新您的變量

來源

2013-04-15 02:28:54

只是一個想法：每當你加載頁面時向URL添加散列;然後你可以使用history.back()

$(function(){ 
    if(window.location.hash === 'sampleurl'){ 
    jQuery('#main-content').load('sampleurl', function(){ 
     window.location.hash = 'sampleurl'; //<<-- match with your loaded page; 
    }); 
    } 
});

祝你好運！

來源

2013-04-15 02:26:17 egig

謝謝！我會嘗試看看這是否有效:) –

'if（window.location.hash ='sampleurl'）' - >'if（window.location.hash ==='sampleurl'）' – Ian

我的不好，@伊恩謝謝。 – egig

嘗試操縱JavaScript位置或的location.hash

https://developer.mozilla.org/en-US/docs/DOM/window.location

當然，您還需要能夠將您的網址重新轉換爲相關的網頁內容。

來源

2013-04-15 02:30:44 caponica

結合查理和邁克爾的答案，既然您已經在使用jQuery，另一個選項是包含jQuery Address plugin。

你可以實現這個想法，通過創建一個函數來讀取散列路徑來加載新的內容。在此之後，內容可以通過內置的後退+前進按鈕進行導航。我在這個實現中預見到的唯一挑戰是將新內容與哈希路徑關聯起來。

祝你好運！

來源

2013-04-15 02:35:44 strakez

爲在另一個網頁中加載的網頁添加後退按鈕

回答

相關問題