Цвет заголовка 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 будет запущен с выпуском jQuery Mobile 1.0 в 2011 году. Между тем, просто вручную отредактировать базовые образцы в теме по умолчанию и / или добавить дополнительные образцы, отредактировав файл css темы: скопируйте блокстили образцов, переименование классов с новым именем буквы образца и настройка цветов.