gpt4 book ai didi

jquery-mobile - jQuery Mobile : about the page container ($. mobile.pageContainer)

转载 作者:行者123 更新时间:2023-12-02 00:03:30 27 4
gpt4 key购买 nike

$.mobile.pageContainer 是指包含其他虚拟页面的元素。它设置为 <body> .所以我认为它可以改变。实际上,某些 JQM 方法 (changePage) 允许您为页面指定非默认页面容器。 JQM 文档缺少必要的详细信息。所以我的问题是:

  1. 您可以更改标记/代码中的默认页面容器吗?怎么样?
  2. 使用 <body> 以外的页面容器的原因是什么? ?
  3. 这是否意味着可以有多个页面容器,其中一些“页面”驻留在一个页面容器中,而其他“页面”驻留在其他容器中?你为什么要这样做?

最佳答案

1 您可以将页面 div 放置在标记中的容器元素中。

2 我使用需要 FORM 元素的 ASP.Net Webforms,所以有时我将我的 jQM 页面添加到顶级 FOR​​M 而不是正文中,这允许我在我的单独页面中使用 ASP.Net 控件,同时共享相同的 FORM 元素.

3 我认为您需要将所有页面保存在同一个容器中,否则页面之间的链接会中断。这是一个 jsFiddle 在容器中有 2 个页面相互链接。尝试将它们放在单独的容器中,您会看到链接停止工作。

<div id="PageContainer1">
<div data-role="page" id="page1">
<div data-role="header">
<h1>My page 1</h1>
</div>
<div data-role="content"> <a href="#page2" data-role="button">Go to Page 2</a>
</div>
</div>
<!-- insert separate container here
</div>
<div id="PageContainer2">
-->
<div data-role="page" id="page2" data-theme="a">
<div data-role="header">
<h1>My page 2</h1>
</div>
<div data-role="content"> <a href="#page1" data-role="button">Go to Page 1</a>
</div>
</div>
</div>

更新:正如评论中所指出的,您当然可以通过 changePage 导航到其他容器中的页面,只是标准的 href="#page2"链接会中断。

    $.mobile.changePage("#page2", {"pageContainer": $("#Container2")});

我不确定是否有单独容器的用例,也许是代码组织?

关于jquery-mobile - jQuery Mobile : about the page container ($. mobile.pageContainer),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19948907/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com