JqueryMobileはlistViewを動的に生成し、リフレッシュする二つの方法を実現します。


JqueryMobileはlistViewを動的に生成してリフレッシュする2つの方法

function queryEntfernungen(tx, results)
   alert("This Hello works");
   var len = results.rows.length;
     // This For works fine

    for (var i = 0; i < len; i++) {
       $("div[data-role=content] ul").append('<li><a href="'+results.rows.item(i).name+'">'+results.rows.item(i).name+'</a></li>');
    }
   $("div[data-role=content] ul").listview('refresh'); // This also works

を実現しますが、以下の方法は成功します。

function query(tx, results) {

    var len = results.rows.length, i, j;

    for (i = 0; i < len; i++) {
        $("div[data-role=content] ul").append('<li><a href="'+results.rows.item(i).name+'">'+results.rows.item(i).name+'</a></li>');
    }
// No listview("refresh") !!

    for (j = 0; j < len; j++) {
        $("#selectmenu").append('<option value="'+results.rows.item(j).id+'">'+results.rows.item(j).name+'</option>');
    }
    $("#selectmenu").selectmenu('refresh', true);

}