JQueryMobile：在菜单中从LI中打开时显示为页面的对话框样式

Question

我想在我创建的下拉菜单中打开一个对话框（data-rel =“dialog”）。然而; JQM不断以完整页面视图打开它（data-role =“page”）。

问题是，当同一个页面上的按钮或列表视图打开时，同一个对话框会打开为适当的对话框（data-role =“dialog”）。

如果我先通过按钮启动对话框;随后尝试从菜单项启动对话框也会将其显示为对话框。但是，如果我先通过菜单项启动对话框，它会呈现为一个页面。在菜单项

链接（打开的对话框中的页面）按钮

<ul data-role="listview" data-inset="true"> 
    <li data-icon="false"> 
     <a href="#showDialog" data-rel="dialog">Show Dialog</a> 
    </li> 
</ul> 

链接（打开的对话框中的对话）的列表视图

<a href="#showDialog" data-role="button" data-rel="dialog">Show Dialog</a> 

链接（打开的对话框中为一个对话框）

<ul data-role="listview" data-inset="true"> 
    <li><a href="#showDialog" data-rel="dialog">Show Dialog</a></li> 
</ul> 

这是一个jsFiddle与此演示。

2问题：

1）为什么这种行为差异？

2）如何强制对话框从菜单项打开为对话框？

Answer 1

想通了回答我的询问的第2部分：

标记数据角色=“对话”（而不是“网页”），迫使它总是呈现为一个对话框股利。

<div data-role="dialog" id="showDialog"> 

还是想从某人那里了解为什么这种行为上的差异。