如何更改列表視圖的初始化選項動態創建的列表視圖的每個實例

Question

說，我有一個ListView串基於用戶輸入

var html = ""; 
html += "<ol id=list2>"+ 
.... + 
"</ol>" 

我不得不改變主題和列表視圖中的一些其他性質我從上面的字符串創建。

我嘗試了下面，但listview不刷新。

$("#home div:jqmData(role=content)").append (html); 
$("#list2").listview(); 

• $（ 「＃列表2」）ATTR（ '數據主題'， 'E'）。 $（「＃list2」）。listview（'refresh'）;
• $（「＃list2」）。jqmData（「theme」，「e」） $（「＃list2」）。listview（'refresh'）;

但主題沒有更新。同樣，我必須更新列表視圖的其他一些屬性，如inset,splitIcon。請讓我知道如何以編程方式執行此操作。

Answer 1

要以編程方式更改主題，更改data-theme屬性是不夠的，還必須移除舊主題添加的類並手動添加新的主題。在這裏，你有幾個鏈接，指出這一點：

Set data-theme programatically on textbox in Jquery Mobile

http://forum.jquery.com/topic/how-to-refresh-the-theme-of-a-button

Answer 2

可惜這不能與列表視圖刷新完成，你需要這樣做是爲了實現一個主題的變化：

var newTheme = 'b'; 

$.mobile.activePage.find('.ui-btn, .ui-li, .ui-listview').removeClass('ui-btn-up-a ui-btn-up-b ui-btn-up-c ui-btn-up-d ui-btn-up-e ui-btn-hover-a ui-btn-hover-b ui-btn-hover-c ui-btn-hover-d ui-btn-hover-e').addClass('ui-btn-up-' + newTheme).attr('data-theme', newTheme); 
$.mobile.activePage.find('.ui-header, .ui-footer').removeClass('ui-bar-a ui-bar-b ui-bar-c ui-bar-d ui-bar-e').addClass('ui-bar-' + newTheme).attr('data-theme', newTheme); 
$.mobile.activePage.removeClass('ui-body-a ui-body-b ui-body-c ui-body-d ui-body-e').addClass('ui-body-' + newTheme).attr('data-theme', newTheme); 

這是我的工作示例：http://jsfiddle.net/Gajotres/8uac7/。你應該評論上面的代碼，看看有什麼不同。