在 jQuery Mobile 中刷新页面后丢失动态内容

【问题标题】：Lose dynamic content after page refresh in jQuery Mobile在 jQuery Mobile 中刷新页面后丢失动态内容
【发布时间】：2012-02-07 18:18:42
【问题描述】：

这是我的问题：我正在使用 jQuery Mobile 开发一个移动网络应用程序，我必须创建动态内容。

在第一页中，我有一个带有一些<li>elements 的列表视图。当我单击其中一个<li> 时，我会转到另一个页面并动态创建内容。所以第二页的内容对于第一页的每个<li>都是不同的。

我的问题是当我刷新第二页时，所有动态内容都消失了，因为它丢失了参数。为了解决这个问题，我尝试使用查询字符串，例如<a href="secondPage?=id=2">，但这不起作用。

我问你是否有另一种方法通过 jQuery Mobile 页面传递参数，这样当我刷新页面时我不会丢失内容。

谢谢

【问题讨论】：

【解决方案1】：

您可以使用window.location.hash 来保存/加载您的数据。只需将数据以字符串格式保存在数据更改页面加载检查是否有任何内容。

其中的数据将作为哈希附加到您的 URL：example.com/url#yourdata

【讨论】：

感谢您的回答..它使用每个
中的 href 属性，使用“pagebeforeshow”上的 id ..是否可以在不使用 href 属性的情况下通过页面传递参数？我的意思是我有一个包含 40 个参数的对象，我不想在 url 中显示所有参数。我觉得它有点不舒服，也不是很好。谢谢！

哦，谢谢您的回复..我也考虑过使用cookie，但不能使用cookie，因为我的教授不喜欢它..还有其他建议吗？！无论如何谢谢你

你可以非常喜欢并使用 HTML5 sessionStorage 对象:)

会话存储？！我真的不知道。我会试试看 :) 谢谢！

是的，这是一个不错的技术，但要小心，它在浏览器中并未得到广泛支持。尤其是较旧的浏览器往往不支持它。

【解决方案2】：

使用http://westcoastlogic.com/lawnchair/
只需将您需要的参数保存在本地数据库中，然后在第二页上使用即可。

【讨论】：