如何在jQuery Mobile中动态更改列表视图列表项的主题？

Question

我有一个名称分裂列表listview，然后是一个STAR图标作为分割按钮。

当用户单击STAR图标时，我想更改星形以变成黄色（或其他东西），并且还要更改列表项目以转换该颜色。

我不确定如何动态更改该列表项主题。我试着改变列表项的数据主题这样

$("#my_list_item").attr("data-theme","d"); 

，然后甚至要求列表视图（“刷新”），但不起作用。有任何想法吗？

Answer 1

您可以通过更改“li”属性并触发mouseout事件来实现此目的。

$("#my_list_item").attr("data-theme","d").trigger('mouseout'); 

如果你想改变一个列表内的所有列表元素的主题，使用

$("#my_list li").attr("data-theme","d").trigger('mouseout'); 

这里是工作的jsfiddle：http://jsfiddle.net/ChaitanyaMunipalle/5yjZV/

Answer 2

尝试触发（“创建”）方法

$("#my_list_item").attr("data-theme","d").trigger('create'); 

Answer 3

你可以使用：

$(id).buttonMarkup({theme:'a'}); 

改变。 如果你想恢复到旧的主题，只需更换旧的主题。

Answer 4

1. 删除列表项的按钮上下主题。 （例如，ui-btn-up/down-“色板主题字符”）
2. 将新主题添加到列表项的按钮上下主题中。
3. 设置列表项的新主题。 （例如：$（LI）.attr（ “数据主题”， “样本主题字”）
4. 刷新列表视图。
5. 触发mouseout事件列表项。

Source