我们从服务器获取数据,并将其附加到列表视图中
,我们的问题是在向上/向下滚动时,首先会显示白屏,然后才会显示数据。在向下/向上滚动之前,应该删除白屏。
![向上/向下滚动后首先显示第一张图片,然后几秒钟后显示第二张图片](https://istack.dev59.com/8djtu.webp)
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>');
}
当我们移除图片时,不会显示任何白屏。但是我们需要图片。请告诉我们我的代码错在哪里。