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 是一个好主意，因为这个 cookie 也可以工作。您可以使用 jQuery Cookie 插件来简化操作： https://github.com/carhartl/jquery -cookie