listview - jQuery Mobile：在列表视图数据拆分图标上更改/切换主题

Question

我在 jQuery Mobile (jQm) 中拆分了列表视图（带有可折叠集）。你可以在 JSfiddle 上看到它。

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

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

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

你怎么看？

Answer 1

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

演示

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

和

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

Asspan.ui-btn拥有图标及其样式。