JQuery Mobile/Webkit - 刷新和返回按鈕事件後保留Dom狀態

Question

我有一個頁面在完成操作後將div可見性切換爲可見，然後導航到新頁面。如果在新的頁面上，我點擊後，dom保留它的狀態，並且div可見，如果我刷新並點擊後，隱藏屬性丟失。刷新/返回後，是否有任何方法可以對dom進行任何更改？

Answer 1

您可以將可見性的狀態存儲在HTML5的本地存儲中。

當切換知名度，你可以用這樣一行：

window.localStorage.setItem('boxVisibility', true /* or false, as it may be */); 

，然後添加一個窗口加載事件來設置框的知名度在頁面加載時：

document.addEventListener('load', function() { 
    var isVisible = window.localStorage.getItem('boxVisibility'); 
    // now set the box's visibility with the value of isVisible 
}, false); 

Answer 2

localStorage的是好主意，因爲這個餅乾也會起作用。您可以使用jQuery Cookie插件來簡化操作：https://github.com/carhartl/jquery-cookie