jQuery mobile - 浏览器刷新页面完全搞砸了

Question

我在后端开发了一个带有spring mobile的jqm应用程序。 每当我点击手机上的浏览器刷新按钮时，页面就会完全被破坏。浏览器后退按钮正常工作。

刷新后，由于prg模式（Spring中的flashAttributes），数据仍然可用。只有视图格式不正确。

任何想法如何解决这个问题？

Answer 1

来自jQuery Mobile docs：

  

构建jQuery Mobile站点时最简单的方法是在每个页面的头部引用同一组样式表和脚本。如果您需要加载特定页面的特定脚本或样式，我们建议将逻辑绑定到pageinit事件（详细信息如下），以便在创建特定页面时运行必要的代码（可以通过其id属性或数字来确定）其他方式）。如果页面直接加载或通过Ajax

拉入并显示，则遵循此方法将确保代码执行

所以会发生什么 - 在jQuery Mobile中，头部定义的脚本和样式只加载一次。因此，在正常情况下，它工作正常，因为所有页面都将使用从第一页加载的脚本。

<强>但即可。当您在中间刷新页面时，它会触发页面重新加载而不是jqm使用的ajax导航模型。因此，从第一页开始加载的所有脚本和样式都不会包含在此处。

你需要做的是＆＃34; 在每个页面的头部引用相同的样式表和脚本＆＃34;，这样即使你在中间点击刷新，从第一页开头加载的脚本和样式再次加载。

我建议您完全阅读上述链接中的文档，以便更好地理解。