jQM pagecontainer加载多个页面

Question

我正在使用jqm 1.4.5并且无法使用pagecontainer的load方法。我选择将我的webapp拆分为多个html文件以便于管理（我知道你们中的一些人可能不同意，但那是另一天的讨论）。在我的index.html文件中，我可以成功将外部.html文件加载到DOM中，但问题是文件中有多个页面时。我希望它会插入具有div的任何data-role="page"，但它只会将第一个加载到DOM中。例如，如果我有以下代码..

<div data-role="page" id="page1" data-dom-cache="true">
    <div role="main" class="ui-content">
        ...stuff...
    </div>
</div>
<div data-role="page" id="page2" data-dom-cache="true">
    <div role="main" class="ui-content">
        ...stuff...
    </div>
</div>

...只有page1才能加载到DONM中。 page2不会。我知道这是因为有两件事......所有对page2中任何内容的引用都失败了，当我在Chrome中查看源代码时，page2根本就不存在。为了让我将其纳入DOM，我将page2作为单独的文件，例如page2.html。虽然我在大多数网站上都这样做，但这在100％的时间内并不理想 - 例如，如果两个页面密切相关（例如，登录页面和丢失的密码页面）。

我不知道如何继续这个。任何帮助将不胜感激。

Answer 1

您描述的行为是设计和记录的。请看这里的jQM文档：

http://demos.jquerymobile.com/1.4.5/navigation-linking-pages/

  

注意：您无法链接到激活Ajax导航的多页文档，因为框架只会加载它找到的第一个页面，而不是整个内部页面集。在这些情况下，您必须在没有Ajax的情况下进行链接（请参阅下一节）以进行整页刷新以防止潜在的哈希冲突。目前有一个 subpage 插件，可以加载多页文档。