动态列表视图中的缩略图未显示

Question

我有一个显示帖子标题的动态帖子列表，但帖子缩略图没有出现。以下是我尝试使用的代码：

$.ajax({
url: "http://howtodeployit.com/feed/?json=recentstories" ,
dataType: "json",
success: function (data){
   $.each(data.posts, function (key, val) {
     var title = $('<p/>', {'class' : 'ptitle', html: val.title});
     var excerpt = $('<p/>', {'class': 'pexcerpt' , html: val.excerpt});
     var thumb = $('<img />', {'class' : 'pthumb', html: val.thumbnail});
     var append = $('<li/>').append(thumb, title, excerpt);
     $('#postlist').append ($(rappend));
     $("#postlist").listview();
   });
});

以下是屏幕截图：如图所示，图像框没有显示任何内容，但是当我在 firebug 中检查时，我看到了图像的 url 链接

任何帮助或指导将不胜感激。

Answer 1

改变

var thumb = $('<img />', {'class' : 'pthumb', html: val.thumbnail});

到

var thumb = $('<img />', {'class' : 'pthumb', src: val.thumbnail});

图像元素的信息：

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img