jQuery Mobile: изменить/переключить тему на listview data-split-icon

Question

У меня есть splitviewview (с разборным набором) в jQuery Mobile (jQm). Вы можете видеть это here on JSfiddle.

Я хочу, чтобы значок раскола выполнялся как флажок. Значок имеет значение по умолчанию data-theme="c", поэтому он серый, и я хочу изменить data-theme на b на клик, поэтому цвет значка должен измениться на синий.

Я пробовал различные решения для изменения data-theme и нашел несколько более или менее (более точных) рабочих решений. Лучше всего просто код jQm $(this).buttonMarkup({theme: 'b'});, но, меняя тему данных таким образом DonT изменить цвет значка, но только изменить цвет фона, как вы можете попробовать в mentioned JSfiddle.

Normaly data-theme на разделенном ListView, будет влиять только на иконку, но когда он изменяется таким образом, он влияет на фон значков. Я хочу изменить только значок, а не его фон, и я не могу найти способ сделать это. Вероятно, неправильный селектор или какая-то ошибка.

Как вы думаете?

Answer 1

Добавьте код ниже.

Demo

$(this).find('span.ui-btn').buttonMarkup({ 
    theme: 'b' 
}); 

и

$(this).find('span.ui-btn').buttonMarkup({ 
    theme: 'c' 
}); 

Как span.ui-btn держит икону и ее стиль.