向下/向上滾動顯示白屏

Question

我們從服務器獲取數據 並附加列表視圖。我的問題是在向上/向下滾動時首先顯示白屏然后顯示數據。 向下/向上滾動時，前面的白色屏幕應該刪除

for (var i=0; i<len1; i++){
     if (!listCreated) {
         $("#ulcontent").append("<ul id='content' data-role='listview'  data-split-icon='plus' data-split-theme='b' data-inset='true' class='ui-listview ui-listview-inset ui-corner-all ui-shadow'></ul>");  
                  var listCreated = true;
                            $("#ulcontent").trigger("create");
     }
     var geImage=result.rows.item(i).Image;
     var Custimage="";
         if(geImage)
        {
         Custimage=result.rows.item(i).Image;
         }
$('#content').append('<li class="ui-li-static ui-body-inherit ui-li-has-thumb ui-first-child"><img src='+appendurl+append+Custimage+'><p style="white-space: normal;"><b>Location:</b>'+result.rows.item(i).Location+'<br><b> Description:</b>'+ result.rows.item(i).Comments+'</p></a></li>');
}

當我們刪除圖像時，它沒有顯示任何白色屏幕。但是我們需要圖像請告訴我們我的代碼中有什么問題。

Answer 1

該listCreated在變量if (!listCreated)語句和listCreated在變量var listCreated = true; 語句是兩個不同的變量，所以if (!listCreated)總是返回false 。 這意味着您實際上從未實際創建無序列表，然后列表項目才會顯示在頁面背景上。 所以嘗試將listCreated移動到外部范圍，如下所示：

var listCreated = false;
for (var i = 0; i < len1; i++) {
    if (!listCreated) {
        $("#ulcontent").append("<ul id='content' data-role='listview'  data-split-icon='plus' data-split-theme='b' data-inset='true' class='ui-listview ui-listview-inset ui-corner-all ui-shadow'></ul>");
        listCreated = true;
        $("#ulcontent").trigger("create");
    }
    var geImage = result.rows.item(i).Image;
    var Custimage = "";
    if (geImage) {
        Custimage = result.rows.item(i).Image;
    }
    $('#content').append('<li class="ui-li-static ui-body-inherit ui-li-has-thumb ui-first-child"><img src=' + appendurl + append + Custimage + '><p style="white-space: normal;"><b>Location:</b>' + result.rows.item(i).Location + '<br><b> Description:</b>' + result.rows.item(i).Comments + '</p></a></li>');
}