jQuery Mobile - 从Panel按钮打开对话框时不起作用

时间:2013-07-16 00:42:02

标签: javascript jquery-mobile

我正在使用jQuery Mobile 1.3.1并找到从面板项打开的对话框,无法启用任何按钮点击或listview点击和悬停功能。打开我的对话框的工作面板html代码是: -

<li data-icon="grid"><a href="#changeNameDialog" data-rel="dialog" data-theme="b">Change Name</a></li>

我尽可能简化的对话框html是: -

<div id="changeNameDialog" data-role="page" data-theme="b" data-content-theme="d">
    <div data-role="header" data-theme="b">
            <h1>Change Name</h1>
    </div>
    <div data-role="content">
        <div>
            <ul id="nameList" data-role="listview">
                <li><a href="#">j1</a></li>
                <li><a href="#">j2</a></li>
                <li><a href="#">j3</a></li>
                <li><a href="#">j4</a></li>
            </ul>
        </div>
        <div>
            <button type="button" data-inline="true" data-theme="b" onclick="putNameChange();">Change</button>
        </div>                  
    </div>
</div>

如果我将面板列表项data-rel属性更改为data-rel =“page”,则按钮和列表单击和悬停功能可以正常工作,即

<li data-icon="grid"><a href="#changeNameDialog" data-rel="page" data-theme="b">Change Name</a></li>

对话框上唯一有效的是对话框(x)图标关闭按钮。 Panel对Dialog事件做了什么?

0 个答案:

没有答案