Javascript 向下/向上滚动屏幕时显示白色屏幕

我们从服务器和附加列表视图获取数据。我们的问题是，当向上/向下滚动时，首先显示白色屏幕，然后显示数据。 当向下/向上滚动时，应移除即将出现的白色屏幕

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>');
}

---

for（var i=0；iif（！listCreated）

语句中的

listCreated

变量和

var listCreated=true；

语句中的

listCreated

变量是两个不同的变量，因此

if（！listCreated）

总是会返回

false

。这意味着您永远不会真正创建无序列表，然后列表项就会显示在页面背景上。因此，请尝试将

列表创建的

移动到外部范围，如下所示：

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>');
}

var listCreated=false；
对于（变量i=0；i”；
listCreated=true；
$（“#ulcontent”）.trigger（“create”）；
}
var geImage=result.rows.item（i）.Image；
var Custimage=“”；
如果（geImage）{
Custimage=result.rows.item（i）.Image；
}
$（“#content”）.append（“
位置：“+result.rows.item（i）.位置+”
说明：“+result.rows.item（i）.注释+”
）；
}

我正在尝试上面的代码，但没有使用上面的代码也请帮助我