在jquery mobile中加载多页文件

Question

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

Answer 1

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

时

  

重要的是要注意，如果您从移动页面链接   通过Ajax加载到包含多个内部页面的页面，   您需要在链接中添加 rel =“external”或data-ajax =“false”。   这告诉框架进行整页重新加载以清除   URL中的Ajax哈希值。这很关键，因为Ajax页面使用哈希   （＃）跟踪Ajax历史记录，而多个内部页面使用   hash表示内部页面，因此哈希中会有冲突   这两种模式之间。

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

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

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