首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQM页面容器加载多个页面

jQM页面容器加载多个页面
EN

Stack Overflow用户
提问于 2015-10-25 11:42:53
回答 1查看 415关注 0票数 0

我使用的是jqm 1.4.5,在使用页面容器的load方法时遇到了问题。为了便于管理,我选择将我的webapp分成多个html文件(我知道你们中的一些人可能不同意,但这将改天再讨论)。在我的index.html文件中,我可以成功地将外部.html文件加载到DOM中,但问题是文件中有多个页面。我预计它会插入任何具有data-role="page"div,但它只将第一个加载到DOM中。例如,如果我有以下代码..

代码语言:javascript
运行
复制
<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%理想的情况-例如,如果两个页面非常相关(例如,一个登录页面和一个丢失的密码页面)。

我不确定如何处理这个问题。任何帮助都将不胜感激。

EN

Stack Overflow用户

发布于 2015-10-26 01:46:28

您所描述的行为是经过设计的,并且已记录在案。看看这里的jQM文档:

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

注意:您不能在Ajax导航处于活动状态的情况下链接到多页文档,因为框架将只加载它找到的第一个页面,而不是整个内部页面集。在这些情况下,您必须在不使用Ajax的情况下进行链接(请参阅下一节)以刷新整个页面,以防止潜在的散列冲突。目前有一个插件,可以在多页文档中加载。

票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33325956

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档