jquery - 在 jquery mobile 中加载多页文件

Question

我有两个单独的 html 文件，它们正在使用 jquery/jquery 移动框架通过 ajax 加载。但是当我加载第二个文件时，它只加载第一个div的页面角色。有什么办法可以解决这个问题吗？

Answer 1

这是设计使然。当 linking a multipage document use rel="external" or data-ajax="false"

It's important to note that if you are linking from a mobile page that was loaded via Ajax to a page that contains multiple internal pages, you need to add a rel="external" or data-ajax="false" to the link. This tells the framework to do a full page reload to clear out the Ajax hash in the URL. This is critical because Ajax pages use the hash (#) to track the Ajax history, while multiple internal pages use the hash to indicate internal pages so there will be conflicts in the hash between these two modes.

<a href="multipage.html" rel="external">Multi-page link</a>

如果以编程方式更改页面，请使用

$.mobile.ajaxEnabled = false;
$.mobile.changePage("multipage.html");