動態添加listview與XML失去jQuery手機樣式

Question

我有一個混合應用程序，允許您從列表中選擇一個ID，當單擊搜索它應該檢索所有相關的筆記，並將它們附加到列表視圖「我的列表」。

到目前爲止，我沒有問題獲取和顯示數據，但它不會像使用JQuery移動一樣顯示。

SCRIPT：

<script> 
function OnSuccess(xml) { 
    var output = ''; 
    $(xml).find("Note").each( 
    function() { 
    output += '<li data-role="collapsible" data-iconpos="right" style="padding:0"' 
    output += '<h2>' + $(this).find("TITLE").text() + '</h2>' 
    output += '<ul data-role="listview">' 
    output += '<li>ID: ' + $(this).find("ID").text() 
    output += 'Type: ' + $(this).find("TYPE").text() 
    output += 'By: ' + $(this).find("PUBLISHER").text() 
    output += 'Date: ' + $(this).find("DATE").text() 
    output += '</li> </ul> </li>' 
    }); 

    $('#my-List').html(output); 
    } 
} 
</script> 

我只是想追加「我的清單」，因爲我已經做了，但爲什麼不是我的jQuery的可摺疊列表的工作？

謝謝！

Answer 1

你必須告訴JQM初始化collapsibles和refresh the listview widget：

$('#my-List').append(output).enhanceWithin().listview("refresh"); 

工作DEMO