jQuery Mobile：在listview data-split-icon上更改/切换主题

Question

我在jQuery Mobile（jQm）中拆分了listview（带有可折叠集）。你可以看到它here on JSfiddle.

我希望拆分图标充当复选框。该图标具有默认data-theme="c"，因此它是灰色的，我想在点击时将data-theme更改为b，因此图标颜色应更改为蓝色。

我尝试了不同的解决方案来更改data-theme并找到了几个或多或少（更少）工作解决方案。最好的是简单的jQm代码$(this).buttonMarkup({theme: 'b'});，但是，以这种方式更改数据主题不会改变图标的​​颜色，而只会改变其背景的颜色，因为您可以尝试mentioned JSfiddle.

分割列表视图上的Normaly data-theme只会影响图标，但是当它以这种方式更改时，它会影响图标背景。我想只改变图标，而不是它的背景，我找不到办法做到这一点。可能错误的选择器或某种错误。

您怎么看？

Answer 1

将以下内容添加到您的代码中。

  

<强> Demo

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

和

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

由于span.ui-btn拥有图标及其“样式”。