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

Question

我正在后端使用 spring mobile 开发一个 jqm 应用程序。 每当我点击手机上的浏览器刷新按钮时，页面都会被彻底摧毁。浏览器后退按钮正常工作。

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

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

Answer 1

来自jQuery Mobile docs：

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

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

但是。当您在中间刷新页面时，它会触发页面重新加载，而不是 jqm 使用的 ajax 导航模型。因此，从第一页加载的所有脚本和样式将不再包含在内。

你需要做的是“在每个页面的头部引用相同的样式表和脚本集”，这样即使你在中间点击刷新，脚本和样式已经从第一页的头部被加载过。

我建议您完整阅读上述链接中的文档以获得更好的理解。