JQuery Mobile可折叠标题颜色

Question

我需要做的是当2个文本框有文本时...使可折叠标题颜色为绿色.. 我知道如何做第一部分..但是如何改变可折叠的标题颜色我不知道...

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

Answer 1

文档：

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

主题可折叠块

要设置可折叠标头的颜色，请将data-theme属性添加到可折叠容器中。图标和正文目前无法通过数据属性进行处理，但可以使用自定义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);

更新：

2011年将推出一个新的ThemeRoller工具和jQuery Mobile 1.0版本。与此同时，通过编辑主题css文件手动编辑默认主题中的基本样本和/或添加其他样本很简单：复制块样本样式，使用新样本字母名称重命名类，并调整颜色。