jquery mobile中的自定义数据-角色=页面

Question

现在，我正在使用data-role=page导航页面，这意味着页面以"page"作为其数据角色的其他页面为目标。

有没有可能navigate using a custom data-role有类似的“页面”功能，比方说，子页面？

请告诉我如何做到这一点。谢谢!所以基本上，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"