2012-01-19 8 views
1

Jqueryモバイルでテキストボックスの「データテーマ」を設定する方法はありますか?Jquery Mobileのテキストボックスにデータテーマをプログラマチックに設定する

$("#txtEmail").attr("data-theme", "b"); 

...は機能しません。

私はこれを使用して、フォーム検証で無効なフォーム項目を表示したいと考えています。

+1

Googleからこの回答に至っている人は、以下の回答はこの単純なケースでは機能しますが、テキストボックス以外のウィジェットでは機能しません。私が知る限り、データテーマを適用すると、そのデータテーマはネストされたjqueryモバイルウィジェットにも適用されます。これらのネストされたウィジェットはすべて、データテーマ属性とそのクラスを更新する必要もあります。さらに複雑化するために、いくつかのウィジェットが特定のネストされたウィジェットに親データテーマを適用するように見えます。 –

答えて

2

以前のテーマクラスを手動で削除し、テーマを変更した後に新しいテーマクラスを追加する必要があります。ここ

$("#txtEmail").removeClass("ui-body-c").addClass("ui-body-b"); 

デモ - http://jsfiddle.net/vppvG/

+0

デモをありがとう!魅力のように働いた。 –

1

が基準をjquerymobileに準拠するように私が使用します。

$( "#txtEmail")のattr( 'データ-テーマ'、 'B'。 ).trigger( 'refresh');

関連する問題