jquery - 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

你想要那样的东西吗？演示http://jsfiddle.net/yeyene/D45JV/2/

您需要更新 ui 类来获得它。在这个演示中，我将选择图标主题设置为a，选项主题设置为b.

查询

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