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

Попробуйте вызвать $('#thisweekexpenselist').listview('refresh'); в конце функции getExpenselist_success ().

Answer 2

Это помогает:

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