Question

I have a split-list listview with something like a name and then a STAR icon as the split button.

When a user clicks the STAR icon I want to change the star to turn yellow (or something), and also change the list item to turn that color as well.

I’m unsure how to change that list item theme dynamically. I’ve tried changing the data-theme of the list item like this

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

and then even calling listview(‘refresh’) but that doesn’t work. Any ideas?

Answer 1

You can achieve this by changing the attribute of “li” and by triggering mouseout event.

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

If you want to change the theme of all the list elements inside a list, use

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

Here is the working jsfiddle : http://jsfiddle.net/ChaitanyaMunipalle/5yjZV/