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

Posted 2023-05-09

【中文标题】jQuery Mobile：在列表视图数据拆分图标上更改/切换主题

【英文标题】：jQuery Mobile: change/switch theme on listview data-split-icon

【发布时间】：2013-08-31 09:13:42

【问题描述】：

我在 jQuery Mobile (jQm) 中拆分了列表视图（带有可折叠集）。可以看here on JSfiddle.

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

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

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

你怎么看？

【参考方案1】：

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

Demo

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

和

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

span.ui-btn 持有图标及其样式。