phonegap jquerymobile问题：动态生成列表项时丢失样式

Question

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

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

在我的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;

}

根本无法正确呈现。

Answer 1

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

Answer 2

这有助于：

$(document).bind('pagechange', function() {
  $('.ui-page-active .ui-listview').listview('refresh');
});