我在对话框中选择了这个问题。该对话框按预期工作,但是当它涉及到选择时,它就会出现问题。
我的选择中的选项始终可见。点击它时选择在选择之上。选择选项时或默认情况下位于页面底部。我尝试了几件事,只有一件似乎有用:将菜单设置为默认值。由于这个标记的变化取决于操作系统而不是使用它。 JQM版本也很漂亮! 至于libs:我正在使用JQuery 1.7和JQM 1.2 我也使用JQM样式表。
以下是我的代码概述:
<div data-role="page" id="preDialogPage" data-add-back-btn="true">
<a href="#dialoog" data-role="button" id="btn" data-rel="dialog" data-theme="a">dialog</a>
</div>
<div data-role="dialog" id="dialoog" class="dialogPage">
<div data-role="header" data-theme="a" class="ui-corner-top ui-header ui-bar-d">
<h1 class="ui-title">Report an issue</h1>
</div>
<div data-role="content" data-theme="a" class="ui-corner-bottom ui-content ui-body-d">
<select id="issueSelect" data-native-menu="false">
<option value="carIssue">A car issue</option>
<option value="parkingIssue" >A parking problem</option>
<option value="appIssue">A app issue</option>
<option value="otherIssue">Other</option>
</select>
</div>
</div>
如果你们需要更多信息,请问!
答案 0 :(得分:1)
看来你的问题来自使用不正确的CSS样式表。
用例如http://jquerymobile.com/test/css/themes/default/jquery.mobile.css
替换您使用的那个将解决您的问题