带有缩略图的JQueryMobile列表视图仅显示一些图片

Question

我正在研究一个简单的应用程序，以测试jQuery Mobile + PhoneGap框架。 我有一个listview的问题，它的元素中有一些缩略图。

问题是某些图片被正确调整大小并呈现，而其他图片则没有。 我无法理解为什么：链接是正确的，如果我从浏览器导航到它们。 此外，如果我在listview之外放置相同的完全链接，让我们说在div元素中，图像被正确渲染（显然，没有调整大小）。

这让我很生气！

代码片段是（相关的HTML和相关的JS）：

HTML

<div data-role="content">
   <ul id="docList" data-role="listview">
   </ul>
</div>

JS

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

感谢您的帮助，     瑞克

Answer 1

$（“PAGE_ID div：jqmData（role = content）ul #docList”）。empty（）;

for（var i = 0; i＆lt; H3＆GT; '+文档[I] .title伪+'

'+文档[I] .field_obj_image_fid +'

';

}

$（“PAGE_ID div：jqmData（role = content）ul #docList”）。append（toSet）;

$（ “＃文档列表”）的列表视图（ '刷新'）;