Question

我正在尝试打开一个对话框（data-rel =“对话框”），形成我所做的下拉菜单中的链接。然而; 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

找出我的查询第二部分的答案：

用data-role标记div =＆＃34;对话框＆＃34; （而不是＆＃34; page＆＃34;）强制它始终呈现为对话框。

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

仍然希望从某人那里了解为什么会出现这种行为上的差异。

JQueryMobile：在菜单中从LI打开时，Dialog被设置为页面样式

1 个答案: