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