如何在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