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

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