如何在用户离开Jquery Mobile中的页面后恢复默认HTML元素

how to restore a default HTML element once the user leaves a page in Jquery Mobile?

本文关键字：恢复 默认 元素 HTML 用户 离开 Mobile Jquery      更新时间：2023-09-26

我有一个带有占位符内容块的页面。页面加载后，我将用一些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个文本块），但我不愿意将其作为数据默认字符串添加到包装容器中。一定有更好的办法。

谢谢！

根据这个CanIUse页面，您应该能够使用HTML5的网络存储功能来存储一些值-我特别关注一些可能与您相关的移动浏览器。

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

相关文章：