佔位符在jquery的移動不工作與選擇

Question

http://jsfiddle.net/NZ2FJ/

正如可以在例如見上文，數據佔位符=「真」不工作。

任何人都可以提出解決方法嗎？

另外the official document不顯示佔位符。

在此先感謝。

<div data-role="fieldcontain"> 
<label for="subject"><em>* </em> Subject: </label> 
<select name="subject" id="subject" class="required" data-placeholder="true" data-native-menu="false"> 
<option value="" >Select subject</option> 
<option value="Art">Art</option> 
<option value="Band">Band</option> 
<option value="Choir">Choir</option> 
<option value="Design">Design</option> 
<option value="Drama">Drama</option> 
... 
... 
</select><br /> 
</div> 

Answer 1

我更新了jQuery Mobile的到1.2.0，現在工作正常。

Answer 2

您已經添加的屬性data-native-menu="false"這是造成JQM到這樣的行爲

你舉例：

• http://jsfiddle.net/NZ2FJ/1/

沒有屬性：

• http://jsfiddle.net/NZ2FJ/3/

Answer 3

，如果你想保持data-native-menu="false"屬性，所以你得到一個彈出選擇框，您只需從你的js在頁面加載選擇第一個選項：

$(document).ready(function() { 
    $("#subject option:first").attr('selected', 'selected'); 
});