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"