JQM：在对话框中选择的行为不像它应该的那样？

Question

我的对话框中的选择有这个问题。该对话框按预期工作，但当涉及到选择时，它会上升。

我选择的选项始终可见。单击它时在选择上方。并且在选择选项时或默认情况下位于页面底部。我尝试了几件事，但似乎只有一件有效：将菜单设置为默认值。由于此标记会根据操作系统而变化，因此我宁愿不使用它。 JQM版本也很漂亮！ 至于库：我使用的是 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>​

如果你们需要更多信息，请询问！

Answer 1

您的问题似乎来自使用了不正确的 CSS 样式表。 替换您使用的 byt htis 之一，例如 http://jquerymobile.com/test/css/themes/default/jquery.mobile.css 将解决您的问题