0

jQuery Mobile + PhoneGap フレームワークをテストするために、単純なアプリに取り組んでいます。要素にいくつかのサムネイルがあるリストビューに問題があります。

問題は、一部の画像が正しくサイズ変更およびレンダリングされ、他の画像がそうでないことです。理由がわかりません。ブラウザからリンクに移動すると、リンクは正しいのです。さらに、同じ正確なリンクをリストビューの外に置くと、たとえば、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');

助けてくれてありがとう、リク

4

1 に答える 1

0

$("PAGE_ID div:jqmData(role=content) ul #docList").empty();

for(var i=0; i< h3>'+docs[i].title+'

'+docs[i].field_obj_image_fid+'

';

}

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

$("#docList").listview('refresh');

于 2013-10-14T15:08:58.110 に答える