JQuery Mobile 1.1.0 を使用していますが、基になるリストの選択を JM コントロールのレンダリングされた状態と同期させるのに問題があります。次に例を示します。
これは、使用されているコントロール タイプのサンプルです。
<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
<select name="taResidentYears" id="taResidentYears">
<option selected="selected" value="">Years</option>
<option value="0">0 Years</option>
<option value="1">1 Year</option>
<option value="2">2 Years</option>
</select>
<select name="taResidentMonths" id="taResidentMonths">
<option selected="selected" value="">Months</option>
<option value="0">0 Months</option>
<option value="1">1 Month</option>
<option value="2">2 Months</option>
</select>
</fieldset>
通常のページ読み込みでは、コントロールは適切にレンダリングされ、次のように値が選択される場合があります...
ただし、一部のページ読み込みシナリオでは、バックグラウンド JQuery ルーチンを使用して、ローカル ストレージに格納されたデータから各選択コントロールの値を設定します。これらのシナリオでは、これの JQuery Mobile レンダリングが同期しなくなり、値が実際に設定されていても、次のようになります。これらの値は、選択保留中の値を表します。
基礎となるフォームに関する限り、すべての値が正しく、何も失われていません。同期していないのは視覚的な表現だけです。
JM コントロールを基になる値に再バインドするにはどうすればよいですか?