一旦用户在 Jquery Mobile 中离开页面，如何恢复默认 HTML 元素？

Question

我有一个带有占位符内容块的页面。页面加载后，我将用一些 AJAX 内容替换默认块，这些内容要么默认加载，要么通过用户交互加载。

我正在像这样替换加载的内容：

// inside AJAX success handler
// data is JSON string sent via AJAX
// target is the element containing my default content

var makeUp = data;

target.addClass('fade out').html( makeUp ).trigger('create')
        .removeClass('fade out').addClass('fade in')

这很好用，每当用户在页面上做某事时，我都可以替换内容。

但是，如果用户离开页面并在页面仍在 DOM 中时返回，我想显示默认内容。现在，最后一个 AJAX 内容是可见的。所以我正在考虑绑定到页面隐藏并从某个地方恢复默认内容。

问题：
在页面上存储默认内容的最佳方式是什么。它并不多（1 个控制组，2 个文本块），但我不愿意将它作为数据默认字符串添加到包装容器中。一定有更好的办法。

谢谢！

Answer 1

根据这个CanIUse 页面，您应该能够使用HTML5 的web storage 功能来存储一些值——我正在专门研究一些可能与您相关的移动浏览器。

这些值可以是一些关键字，它们允许您检索文本块并填充占位符，或者如果它足够小，您可以自己存储和检索两个文本块。