2012-11-27 58 views
0

我有我的對話框中的選擇這個問題。該對話框按預期工作,但當涉及到選擇時,它會起作用。JQM:在對話框中選擇不是應該如此?

我所選擇的選項始終可見。在選擇的同時點擊它。並在頁面底部選擇選項或默認情況下。我嘗試了幾件事情,只有一件似乎工作:將菜單設置爲默認。由於這個標記會根據操作系統而改變,我寧願不使用它。此外,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>​ 

如果你們需要更多的信息只是問!

+0

我在JSFiddle上重新創建了這個問題:http://jsfiddle.net/64rEt/ – Vinnie

回答

1

看來你的問題來自使用不正確的CSS樣式表。 替換你使用的一個例如http://jquerymobile.com/test/css/themes/default/jquery.mobile.css將解決你的問題

+0

非常感謝!這工作像一個魅力。我會更新我的CSS。任何想法什麼版本的jqm這個CSS是用於?或者你也許知道爲什麼jquery的1.2 CSS文件不起作用? – Vinnie

+0

我會說這個問題來自.ui-popup-hidden在您使用的CSS中未正確定義 – Romain