带有缩略图的JQueryMobile listview仅显示一些图片

带有缩略图的JQueryMobile listview仅显示一些图片,listview,jquery-mobile,cordova,jquery-mobile-listview,Listview,Jquery Mobile,Cordova,Jquery Mobile Listview,我正在开发一个简单的应用程序,测试jQuery Mobile+PhoneGap框架。 我对元素中有一些缩略图的listview有问题 问题是一些图片的大小和渲染正确,而另一些图片则没有。 我不明白为什么:如果我从浏览器导航到它们,链接是正确的。 此外,如果我将相同的链接放在listview之外,比如在div元素中,图像被正确渲染(显然,没有调整大小) 这让我快发疯了 代码片段包括(相关HTML和相关JS): HTML JS for(var i=0;i$([PAGE_ID div:jqm

我正在开发一个简单的应用程序,测试jQuery Mobile+PhoneGap框架。 我对元素中有一些缩略图的listview有问题

问题是一些图片的大小和渲染正确,而另一些图片则没有。 我不明白为什么:如果我从浏览器导航到它们,链接是正确的。 此外,如果我将相同的链接放在listview之外,比如在
div
元素中,图像被正确渲染(显然,没有调整大小)

这让我快发疯了

代码片段包括(相关HTML和相关JS):

HTML


JS

for(var i=0;i$([PAGE_ID div:jqmData(role=content)ul#docList”).empty();

对于(var i=0;i< h3>'+docs[i]。title+''+docs[i]。字段\u obj\u image\u fid+'

'

}

$([PAGE_ID div:jqmData(role=content)ul#docList”).append(toSet);


$(“#文档列表”).listview('刷新')

可能是图像源周围缺少引号吗?你的撇号是正确的,但缺少引号。你是对的!我刚刚添加了引号,一切正常……我现在觉得有点傻!><但我想知道为什么即使没有引号,也会渲染一些图像。。。
<div data-role="content">
   <ul id="docList" data-role="listview">
   </ul>
</div>
for(var i=0; i<docs.length; i++)
{
    var toSet = '<li><a href="#"><img class="myListImg" src='+docs[i].field_obj_image_fid+'/><h3>'+docs[i].title+'</h3><p>'+docs[i].field_obj_image_fid+'</p></a></li>';
    $("#docList").append(toSet);
}
$("#docList").listview('refresh');