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

更新：

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