在jQuery Mobile多页面应用程序中将数据本地存储到页面的特定实例

Question

我有一个jQuery Mobile多页面应用程序，允许用户使用链接或浏览器后退按钮在页面之间导航。

我希望在特定页面实例中存储一些数据或标记，并在用户导航回该页面时再次读取它。数据应该是浏览器历史堆栈中特定实例的本地数据，在其他实例中不可用，例如，如果用户再次导航到页面，则通过链接继续。

我如何存储此类数据，或获取对该页面实例的引用？

理想情况下，它会像$.mobile.uniqueActivePageInstance.data("attribute", "value")

Answer 1

我使用历史堆栈的当前元素的历史状态来存储数据：

写：

history.replaceState($.extend(history.state, {myData: myDataObjectOrString}));

读：

history.state.myData;