我正在使用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事件做了什么?