Различные темы для выбора значка и меню в jQuery mobile

Question

Я хочу установить разные темы для выбора значка меню и раскрывающегося списка, которое открывается при нажатии на значок.

Как правило, цвет значка такой же, как и атрибут data-theme. Я хочу, чтобы этот значок был другого цвета, а меню выбора должно быть другого цвета.

<select data-iconpos="notext" data-divider-theme="a" data-theme="c"> 

Для, например: в приведенном выше коде, так выберите значок и меню будет data-theme="c".

Ссылка: http://jsfiddle.net/androdify/D45JV/

Answer 1

Вы хотите что-то подобное? DEMO http://jsfiddle.net/yeyene/D45JV/2/

Вам необходимо обновить классы ui, чтобы получить это. В этой демонстрации я задал тему значка темы a и тему выбора b.

Jquery

$('.ui-select a').on('click', function(){ 
    $('.ui-selectmenu-list li').removeClass('ui-btn ui-btn-up-c ui-btn-icon-right ui-li ui-btn-up-b').addClass('ui-btn-up-a ui-btn ui-btn-icon-right ui-li ui-btn-up-b').attr('data-theme', 'b'); 
});