jQuery手机-浏览器刷新后的页面完全乱了



我正在开发一个jqm应用程序,后台有springmobile。每当我点击手机上的浏览器刷新按钮时,页面就会被彻底破坏。浏览器后退按钮工作正常。

刷新后,由于prg模式(春季的flashAttributes),数据仍然可用。只有视图格式不正确。

有什么办法解决这个问题吗?

来自jQuery Mobile文档:

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

因此,在jQuery Mobile中,头中定义的脚本和样式只加载一次。因此,在正常情况下,它运行良好,因为所有页面都将使用从第一个页面加载的脚本。

但是。当您在两者之间刷新页面时,它会触发页面重新加载,而不是jqm使用的ajax导航模型。因此,从第一页加载的所有脚本和样式将不会从这里开始包含。

您需要做的是"在每个页面的头部引用同一组样式表和脚本",这样即使您在中间点击刷新,从第一个页面的头部加载的脚本和样式也会再次加载。

我建议您充分阅读以上链接中的文档,以获得更好的理解。

最新更新