jquery-mobile之phonegap jquerymobile 问题 : lost style when dynamically generating list items

我正在尝试从数据库动态生成列表。可以检索结果，但是，jquerymobile 样式和数据角色属性似乎丢失了。我看到一个丑陋的列表，而不是呈现得很好的列表:

我尝试使用最简单的列表项重现它:

在我的 index.html 中，我有:

<ul data-role="listview" data-theme="d" data-divider-theme="d" data-inset="true" id="thisweekexpenselist"></ul> 

在javascript文件中，我有

function getExpenselist_success(tx, results) { 
$('#busy').hide(); 
var len = results.rows.length; 
for (var i=0; i<len; i++) { 
    var expense = results.rows.item(i); 
    $('#thisweekexpenselist').append('<li>Test Simplest</li>');  
}    
db = null; 

它根本无法正确呈现。

请您参考如下方法:

尝试在 getExpenselist_success() 函数末尾调用 $('#thisweekexpenselist').listview('refresh');。