JQM:在对话框中选择不符合它的行为?

时间:2012-11-27 10:48:53

标签: javascript jquery jquery-mobile select dialog

我在对话框中选择了这个问题。该对话框按预期工作,但是当它涉及到选择时,它就会出现问题。

我的选择中的选项始终可见。点击它时选择在选择之上。选择选项时或默认情况下位于页面底部。我尝试了几件事,只有一件似乎有用:将菜单设置为默认值。由于这个标记的变化取决于操作系统而不是使用它。 JQM版本也很漂亮! 至于lib​​s:我正在使用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>​

如果你们需要更多信息,请问!

1 个答案:

答案 0 :(得分:1)

看来你的问题来自使用不正确的CSS样式表。 用例如http://jquerymobile.com/test/css/themes/default/jquery.mobile.css替换您使用的那个将解决您的问题