問題タブ [data-theme]

ユーザーがボタンを押した後（インデントされているなど）、永続的なフィードバックをユーザーに提供したいと思います。私は試した：

しかし、それはうまくいきません。

Q：インデントされたボタンを表示したり、data-themeその場で変更したりする方法はありますか？

data-themejQueryモバイルフレームワークの属性を使ってテーマスイッチャーを作りたいです。ユーザーがデータテーマを含むリンクをクリックすると、すべてのページのdata-theme属性がこのクリックされた属性に置き換えられる必要がありdata-themeます。私が何をしようとしているのかをよりよく理解するには、jQuery モバイル サイトでこのページを参照してください。現在のページを更新するだけで、更新したいという点を除けば、ページに対して私がやろうとしていることにかなり近いです。すべての webApp ページ。

data-themeJavaScriptからすべてのdiv、listviews、forms、li、ulなどに値を追加するにはどうすればよいですか？
出来ますか？はいの場合、どうすればそれを行うことができますか？

次のようなものは機能しますか？

jQuery Mobile Docsによると、コンテナ内のすべてのフォーム要素はdata-theme、そのコンテナのを採用します。

Query Mobile には豊富なテーマ システムがあり、ページとフォームのスタイルを完全に制御できます。デフォルトでは、コンテナー内のすべてのフォーム要素は、親と同じテーマの色見本を自動的に採用します。これにより、最小限の作業でフォーム要素をレイアウトに溶け込ませることができます。data-theme 属性を個々のフォーム要素に適用して、文字テーマの色見本を適用して、デザインのコントラストと強調を作成できます。

しかし、jQuery Mobile (1.2) の最新リリースでは、これはもはや当てはまらないようです。フォーム要素が、直接の親data-themeではなく の を継承するようになったことに気付きました。page

たとえば、次のマークアップが与えられた場合

Jsbin:

JQM1.1で

JQM1.2で

JQM 1.1 を使用すると、入力、選択、およびラジオ グループはc テーマスウォッチ (から継承listview) を使用しますが、JQM 1.2 を使用する場合、入力、選択、およびラジオ グループは代わりにaスウォッチを使用します。

これは、`data-role="fieldcontain" を持つコンテナー (私が提供した例のラジオ グループなど) にも当てはまるようです。

要素に を直接設定してdata-themeも機能しますが、それ以外に、私の場合、以前の動作によりマークアップがよりクリーンになると思います。かなりの量のマークアップがあり、各要素を調べて個別に を追加する必要はありませんdata-theme。

1.1 の動作に戻す方法を知っている人はいますか?

挨拶、

data-theme を置き換えようとしていますが、trigger.('create')またはで変更を適用することはありませんlistview('refresh')

JSFIDDLEで私のコードをテストしてください

ご協力ありがとうございました

これが私のコードです...

HTML:

JavaScript :

jQuery Mobile (jQm) でリストビュー (折りたたみ可能なセット) を分割しました。こちらの JSfiddle で見ることができます。

分割アイコンをチェックボックスとして機能させたい。アイコンにはデフォルトがあるため灰色であり、クリックするとアイコンを変更しdata-theme="c"たいので、アイコンの色は青色に変更する必要があります。data-themeb

私は変更するためにさまざまな解決策を試しましたdata-themeが、いくつかの多かれ少なかれ（多かれ少なかれ）有効な解決策を見つけました。最良の方法は単純な jQm コードです $(this).buttonMarkup({theme: 'b'});が、この方法でデータ テーマを変更してもアイコンの色は変わりませんが、前述の JSfiddle で試すことができるように、背景の色のみが変更されます。

通常data-theme、分割リストビューではアイコンのみに影響しますが、このように変更するとアイコンの背景に影響します。背景ではなくアイコンのみを変更したいのですが、その方法が見つかりません。おそらく間違ったセレクターか、何らかのバグです。

どう思いますか？

jQuery モバイル 1.3.2 を使用して、アプリケーションの状態に基づいてデータ テーマを反映するように初期ログイン画面を更新したい PhoneGap アプリケーションがあります。ログインページのhtmlは次のとおりです。

ログインhtml：

ログインページのテーマを変更するJS関数：

リンクされたスタイルシートとスクリプト(念のため):

また、ユーザーが通知を遅らせたり、通知を一時停止したり、アプリをスリープ状態にしたりした場合は、コード全体で displayAppStatus を呼び出します。

何が起こるかというと、ログイン ページが正しいデータ テーマの色で点滅しますが、ページのテーマはすぐにデフォルトに戻ります。

私はここにいます： JQuery Mobile data-themeを動的に変更 し、 jQuery mobileがページにテーマを動的に追加しました

しかし、これらのスレッドのどちらも私の問題を解決していません。