jQuery手機中選擇圖標和菜單的不同主題

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