jquery-mobile - selectを使用してjquery mobileでプレースホルダーが機能しない

Question

http://jsfiddle.net/NZ2FJ/

上記の例でわかるように、data-placeholder="true" は機能していません。

誰でも回避策を提案できますか?

また、公式ドキュメントにはプレースホルダーが表示されません。

前もって感謝します。

<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

data-native-menu="false"jQMがこのように動作する原因となっている属性を追加しました

あなたの例：

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

属性なし:

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

Answer 2

data-native-menu="false"ポップアップ選択ボックスが表示されるように属性を保持する場合は、ページロード時にjsから選択した最初のオプションを作成するだけです。

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

Answer 3

jquery Mobile を 1.2.0 に更新したところ、正常に動作するようになりました。