我正在使用 jQuery Mobile 1.3.1 并找到从面板项打开的对话框未启用任何按钮单击或列表视图单击和悬停功能。打开我的对话框的工作面板 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) 图标关闭按钮。小组对 Dialog 事件做了什么?