Question

我刚开始探索J query mobile。我尝试使用以下代码打开一个对话框。

<a data-role="button" href="test_my_dialog.php" data-icon="plus" data-iconpos="left" data-mini="true" id="test_dialog" data-rel="dialog">Test Dialog </a>

对话框打开但没有关闭按钮和标题，因为它正在以下链接显示在演示Dialogs

这里有什么我想念的吗？

编辑： test_my_dialog.php的标记

    <div data-role="page">
        <div data-role="content">
             <div data-role="fieldcontain">
        <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
            <legend>
                Add As
            </legend>
            <input id="radio1" name="RC_type" value="radio1" type="radio">
            <label for="radio1">
                Team Driver
            </label>
            <input id="radio2" name="RC_type" value="radio2" type="radio">
            <label for="radio2">
                Team Member (Driver2)
            </label>
        </fieldset>
    </div>
        </div>
    </div>

Answer 1

尝试使用以下代码修改对话框的页面定义，并在对话框页面中添加标题部分

<div id='mydialog' data-role='page' data-add-back-btn='true'>
...
</div>

Answer 2

在对话框中添加标题div，它会自动获得左侧的关闭按钮。

<强> Demo

<div data-role="page" id="myDialog">
  <div data-role="header">
    <h1>Header</h1>
  </div>
</div>

如果要将按钮的位置更改为右侧，请将data-close-btn="right"属性添加到对话框div。

<div data-role="page" id="myDialog" data-close-btn="right">

Jquery mobile - 对话框打开时没有关闭按钮

2 个答案: