Jquery Mobile - 如何通过Ajax加载多页html页面？

Question

我遇到了一个错综复杂的问题，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升级？）

谢谢！