JQueryモバイル折りたたみ可能なヘッダーカラー

Question

2つのテキストボックスにテキストがあるときに折り畳み可能なヘッダーカラーを緑色にする必要があります。 折りたたみ可能なヘッダーカラーを変更する方法はわかりますが、トンここで作成

 var collDiv = '<div class="added" data-role="collapsible" data-collapsed="true"><h3 style="background: rgba(204,244,204,0.9);" id="results-header">' 
       + hoursFrom + ":" + minsFrom 
       + " - " 
       + hoursTo + ":" + minsTo + '</h3>' + textProjectName + textProjectData + '</div>'; 
      $('.spanTimetable').append(collDiv); 

のコードがある ...ここにあなたがカスタムCSSでそれをカスタマイズすることができることを書かれている...私は試みたが、これは助けにはならなかった...

http://jquerymobile.com/test/docs/content/content-themes.html

を知っています

の

Answer 1

ドキュメント：

• http://jquerymobile.com/demos/1.0b1/docs/content/content-themes.html

テーマ設定折り畳み可能なブロック

は、折り畳み可能なヘッダの色を設定する折り畳み式コンテナにデータ・テーマ属性を追加します。アイコンとボディは、現在データ属性でテーマ化できませんが、カスタムCSSで直接スタイル設定することができます。

<div data-role="collapsible" data-collapsed="true" data-theme="a"> 

このような何か試してみてください：新しいThemeRollerのツールは、一方で2011年にjQueryのモバイル1.0リリースで起動します

、それは手動で編集するのは簡単です：UPDATE

var collDiv = '<div class="added" data-role="collapsible" data-collapsed="true" data-theme="f"><h3 style="background: rgba(204,244,204,0.9);" id="results-header">' 
       + hoursFrom + ":" + minsFrom 
       + " - " 
       + hoursTo + ":" + minsTo + '</h3>' + textProjectName + textProjectData + '</div>'; 
      $('.spanTimetable').append(collDiv); 

をテーマのCSSファイルを編集して、スウォッチスタイルのブロックをコピーし、新しいスウォッチレター名でクラスの名前を変更し、色を調整することで、スウォッチを追加することができます。