製作使用隱藏和顯示（jQuery的）瀏覽器的後退按鈕工作的時候

我見過互聯星空（兆）的新網站，我們已經有了這樣的：

enter image description here
好吧，如果我按左邊的菜單聯繫人，它只重新加載圖像上的白色部分，如果我按消息，相同，它只會重新加載白色部分。但是，如果我從聯繫人轉到消息，並按下瀏覽器的後退按鈕，它會從消息到聯繫人，並且只會像往常一樣重新加載白色部分。

在我的網站中，我使用jQuery隱藏和顯示來做同樣的事情，但顯然，如果我按瀏覽器的後退按鈕，它不會隱藏div並顯示另一個。

我的網站只有一個HTML文件，並有4格是得到顯示或取決於你按下按鈕隱藏，這是一個例子：製作使用隱藏和顯示（jQuery的）瀏覽器的後退按鈕工作的時候

$("#btn_contact").click(function() { 
    $("#content_contact").show(); 
    $("#content_home").hide(); 
    $("#content_products").hide(); 
    $("#body_aux").hide() ; 
    $(this).addClass('visited'); 
    $('#btn_products').removeClass('visited'); 
    $('#btn_home').removeClass('visited'); 
});

誰能告訴我如何找到這與jquery或任何我必須使用。
我不知道我是否已經解釋好自己，如果沒有，請讓我做得更好。
我將不勝感激任何幫助。感謝很多。

來源

2013-07-20 Carl

請發佈您的代碼..有用的鏈接檢測後退按鈕點擊：http://stackoverflow.com/questions/10462511/is-there-a-way-using-jquery-to-detect-the-back-button -being-pressed - 跨瀏覽 – Pieter

你應該看看[pjax]（https://github.com/defunkt/jquery-pjax）或其他'pushState' /'hashchange'實現。 – gustavohenke

也許它會更容易，更適合製作「content_contact.html」，「content_home.html」等，並使用.load（）函數，就像Ozan Deniz所說的那樣。您不必更改邊距，位置等，後退按鈕無需編程即可工作。我認爲不適合使整個網站只使用一個html文件，顯示和隱藏div，當然你可以這樣做，但也許不是正確的方法。我是這個新手，但這是一個專家告訴我，因爲我正在做類似的事情。
希望能幫到你。

來源

2013-07-20 22:18:22 QuinDa

我想知道是否有一種簡單的方法來做到這一點我的方式，但我想我將不得不使用.load（）無論如何。 Thanxs ... – Carl

您可以使用jquery加載函數來加載白色部分

例如;

$('#result').load('ajax/test.html');

而在後退按鈕事件中，你可以加載白色部分

jQuery的隱藏和顯示

window.onbeforeunload = function() { $('#result').hide(); };或

window.onbeforeunload = function() { $('#result').show(); };

jQuery的負載功能

來源

2013-07-20 21:49:12

我有4個div在同一個html中，我顯示或隱藏它們取決於我按下的按鈕。我沒有不同的html，我總是有相同的html文件。對不起，我編輯了這篇文章並解釋了這一點。 – Carl

是的，你是對的，在這種情況下，你可以使用隱藏和顯示jQuery的window.onbeforeunload事件功能 –

製作使用隱藏和顯示（jQuery的）瀏覽器的後退按鈕工作的時候

回答

相關問題