jquery mobile中的自定义data-role =页面

Question

目前我正在使用data-role=page浏览网页，这意味着该网页定位其他以"page"作为数据角色的网页。

是否可以navigate using a custom data-role具有与“page”类似的功能，例如，子页面？

请告诉我如何做到这一点。谢谢！所以基本上，main-2应该转换为inner-page-2，方式main转换为inner-page-1。

<div id="main" data-role="page">
 content goes here
</div>

<div id="inner-page-1" data-role="page">
 content goes here
</div>

<div id="main-2" data-role="subpage">
 content goes here
</div>

<div id="inner-page-2" data-role="subpage">
 content goes here
</div>

Answer 1

您可以尝试jQuery Mobile Subpage Widget插件。

用法：

Add a stack of child div's with data-role="subpage" or data-role="subpage-dialog" to a parent div with data-role="page"