1

页面转换示意图

jquery-mobile 通过 AJAX 加载多页页面(包含多个元素的页面)时遇到了一个复杂的问题。我知道 JQM 仅在这种情况下加载第一个页面元素是设计使然。(https://stackoverflow.com/a/14764732/954376)。但是设置 data-rel='external' 和 data-ajax="false" 的解决方案对我不起作用。

这是我的问题:我有一个多页 A - 一个由浏览器加载的主页,它将从服务器加载另一个单页 B,它可以通过后退按钮返回到页面 A (data-rel='back ')。一切都很顺利,直到我尝试在页面 B 上点击刷新,现在如果我点击返回按钮,页面 A 将从服务器重新加载,但只有第一个页面元素被插入到 DOM 中,所以它被破坏了。

我不想在后退按钮上使用 data-rel='external' ,因为这样我就失去了正常情况下漂亮的滑动动画(页面 B 没有刷新)。解决此问题的最佳方法是什么?

我可以想到一个方法:在页面A的第一页添加一段js,加载时检查DOM中是否存在同级页面div,如果没有,则触发刷新。但这是一个丑陋的解决方案。我希望有更优雅的方式(也许是 JQM 升级?)

谢谢!

4

0 回答 0