带有缩略图的JQueryMobile listview仅显示一些图片
我正在开发一个简单的应用程序,测试jQuery Mobile+PhoneGap框架。 我对元素中有一些缩略图的listview有问题 问题是一些图片的大小和渲染正确,而另一些图片则没有。 我不明白为什么:如果我从浏览器导航到它们,链接是正确的。 此外,如果我将相同的链接放在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
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');