1

我刚开始探索 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>

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

我在这里有什么遗漏吗？

编辑： 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>
4

2 回答 2

1

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

演示

<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">
于 2013-10-21T09:47:23.587 回答
1

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

<div id='mydialog' data-role='page' data-add-back-btn='true'>
...
</div>
于 2013-10-21T09:23:51.490 回答