Question

从网站的索引页面，我正在加载另一个页面，其中包含3个具有页面数据角色的div。但是，jquery mobile只会将其中一个页面附加到dom。

我假设changePage函数正在抓取第一个具有页面数据角色并插入它的div。我想知道是否有办法让它插入所有具有页面或对话框数据角色的div。

任何帮助超过赞赏。感谢

Answer 1

JQM目前无法做到这一点，因为只有多页的第一页被加载到DOM中。

我想指出你在JQM文档中的一个链接可以解释这种行为，但是没有一个...我已经在Github上提交了这个问题，所以Docs至少说清楚你能做什么做多和多用不起作用。

由于我遇到了同样的问题，我开始编写一个插件来加载多项（除其他外）。我还有一些事情需要解决，但是当它工作时，我可以发送链接。

Answer 2

您可以使用“子页面”插件来获取所需的行为。基本上一个页面包含一堆子页面，这些子页面都被加载到DOM中。模式将是：

<div data-role="page">
    <div data-role="subpage">
    </div>
    <div data-role="subpage">
    </div>
    <div data-role="subpage">
    </div>
</div>

该项目可在此处获取：https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget。我个人一直有这个插件的问题，但我认为对于简单的场景，它工作正常。此外，没有相关文档。例如，我仍然不知道用这个插件调用$ .mobile.changePage（）的正确方法。：）

Answer 3

根据this page的JQM： “jQuery Mobile目前仅支持通过AJAX加载单页文档。要导航到多页文档，您必须通过添加data-ajax =”false“属性来禁用链接上的ajax。还有一个小部件允许支持sub -Todd Thompson的页面可在https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget“

获得

您还可以将rel="external"属性添加到指向Page B。

的href

rel="external"和data-ajax =“false”将强制JQM将整个页面加载为新页面。不幸的是，这似乎消除了使用从PageA到PageB的页面转换的能力。

示例：<a href="/view/pageB/" rel="external"> Page B </a>

我现在正在寻求使用JQM方法加载Page B，而不是依赖于自动机制。如果您希望在最初加载DOM之后在“单个页面”内进行主题标签转换，则必须始终使用单页模板（按建议）或pagecontainer load method（基本上与单页相同）。例如，链接到该页面的listen to "pageinit"页面，然后使用pagecontainer("load")。确保后续页面（您正在注入的页面）不需要作为直接传入页面。

jquery mobile - 通过changePage请求多页面页面

3 个答案: