javascript - 使用对象作为图像标签的 src

Question

我有一个 html5 页面，它根据用户单击的数据项动态更新。我将数据项的 url 存储在名为的属性中

mv-pic 

但是，当我尝试将其用作图像的 src 时，我得到的只是一个框轮廓并且图像不会渲染。我可以在这个JS Fiddle中重现这个错误。只需单击一个列表项，您就会明白我的意思。

Answer 1

$('#mv-pic').text(listItemclicked.picturePath);

这意味着“获取具有 id 的元素mv-pic并用文本填充它。没有具有 id 的元素mv-pic。您有一个src属性为“mv-pic”的图像。可能的解决方案：

<img  height="100" width="100" id="mv-pic" />
...
$('#mv-pic').attr("src",listItemclicked.picturePath);