UIのリフレッシュ方法

例えばリストに行を追加すると、行にjQuery Mobileのデザインが適用されず追加されてしまいます。 同じようにjs動的に追加するUI部品も同じようにデザインが適用されません。 ですので、追加した後にUI部品をリフレッシュする必要があります。 値の変更時も必要があります。

リフレッシュ方法は部品によって違うのでメモしておきます。

ボタン

$('#button').button();

テキストエリア

$('#text_area').textinput();

テキスト入力フィールド

$('#text_input').textinput();

リスト

ulを指定する必要が有ります。行のスタイルも整います。

$('#list').listview('refresh');

セレクト(ドロップダウン)

$("#select").selectmenu('refresh');