訪問其他頁面時的持久內容（持續切換）jQuery

Question

當我使用切換或其他功能更改站點的內容時，狀態不會保存。所以，如果這是我的網頁：

<div id='test'></div> 
<input type='submit' value='test'> 
<a href='http://www.stackoverflow.com'>link to elsewhere</a>​ 

，這是在我準備代碼：

$(':submit').click(function() { 
    $('#test').text('this is a test'); 
}); 

當我點擊提交按鈕在div將充滿「這是一個測試」。當我按照鏈接到stackoverflow並點擊'返回'DIV將再次爲空。我怎樣才能使DIV持久點擊到另一個頁面，就像<input>元素是持久的（即，如果我在<input type='text'/>中輸入文本，然後點擊'back'時文本將仍然存在的鏈接）

最終我想保存一個切換狀態......或者我應該使用cookie來解決這個問題，這意味着我必須編寫自己的切換功能，這不是一個大問題，但我寧願不要使用cookies ...人們仍然偏執

Answer 1

是的，你可以使用cookie，一個URL散列，或者你可以在「window.name」中存儲狀態作爲一個字符串。當然，無論您存儲狀態的位置如何，您都需要在加載時取回並將狀態重置爲原來的狀態。

如果您可以將HTML的整個頁面存儲在那裏，然後將它們重新加載到DOM，包括以前的狀態，那麼關於window.name是一件好事。當然其他頁面可能會覆蓋「window.name」，所以當這種情況發生時你需要一個計劃B.

「網址哈希」非常有用，也可以與AJAX一起使用。

瞭解更多：http://code.google.com/web/ajaxcrawling/docs/specification.html