2011-07-11 151 views
1

我需要做的是當2個文本框有文本..使可摺疊標題顏色綠色.. 我知道如何做第一部分..但如何更改可摺疊標題顏色我不'知道...JQuery Mobile可摺疊標題顏色

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

這裏寫,您可以用自定義CSS自定義......我試圖但這並沒有幫助.. 這裏是創造的代碼

 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); 

enter image description here

回答

1

文檔:

主題化可摺疊塊

要設置可摺疊頭的顏色,數據主題屬性添加到可收縮容器。圖標和正文當前不能通過數據屬性進行設置,但可以使用自定義CSS直接進行樣式設置。

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

嘗試這樣:

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); 

UPDATE:

一個新的ThemeRoller工具將在2011年jQuery Mobile的1.0版本同時推出,它是簡單的手動編輯通過編輯主題CSS文件添加基本色板和/或添加其他色板:複製一批色板樣式,使用新色板名稱重命名類,然後調整顏色。

+0

data-theme =「f」 - 我試過..他們看起來像是一個可怕的鏈接,在IE :) – Sergio

+0

工具即將推出,但你必須手動編輯/創建自己的主題。查看更新 –