我使用的是jqm 1.4.5,在使用页面容器的load方法时遇到了问题。为了便于管理,我选择将我的webapp分成多个html文件(我知道你们中的一些人可能不同意,但这将改天再讨论)。在我的index.html文件中,我可以成功地将外部.html文件加载到DOM中,但问题是文件中有多个页面。我预计它会插入任何具有data-role="page"的div,但它只将第一个加载到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>...only page1将被加载到DONM中。page2不会。我知道这是因为两件事。在page2中引用任何东西都会失败,而且当我查看Chrome中的源代码时,page2根本不在那里。为了将其放入DOM,我使page2成为一个单独的文件,比如page2.html。虽然我对大多数站点都这样做,但这并不是100%理想的情况-例如,如果两个页面非常相关(例如,一个登录页面和一个丢失的密码页面)。
我不确定如何处理这个问题。任何帮助都将不胜感激。
发布于 2015-10-26 01:46:28
您所描述的行为是经过设计的,并且已记录在案。看看这里的jQM文档:
http://demos.jquerymobile.com/1.4.5/navigation-linking-pages/
注意:您不能在Ajax导航处于活动状态的情况下链接到多页文档,因为框架将只加载它找到的第一个页面,而不是整个内部页面集。在这些情况下,您必须在不使用Ajax的情况下进行链接(请参阅下一节)以刷新整个页面,以防止潜在的散列冲突。目前有一个插件,可以在多页文档中加载。
https://stackoverflow.com/questions/33325956
复制相似问题