Javascript 如何使用js模板显示图像？

我想显示图像如下，但似乎它不工作。显示数据名称和地址，但不显示图像。请看我的代码片段

var JSONObject=[{
姓名：“Nyonya”，
用户图片：“~/Content/images/user1.png”，
地址：美国纽约州纽约市格兰德街199号，邮编：10013
}, {
名称：“桑树项目”，
用户图片：“~/Content/images/user2.png”，
地址：美国纽约州纽约市桑树街149号，邮编：10013
}, {
名称：“甜蜜与邪恶”，
用户图片：“~/Content/images/user3.png”，
地址：美国纽约州纽约市春天街5号，邮编：10012
}]，template=$.trim（$（'#jstemplate'）.html（））；
变量$ct=$（'.slider'）；
$.each（JSONObject，function（i，v）{
var temp=template.replace（/{{name}}/ig，v.name）
.replace（/{{address}}/ig，v.address）
.replace（/{{user\u image}}/ig，v.user\u image）；
$（temp.hide（）.appendTo（$ct）；
});

{{name}}
{{address}}

导致问题的原因是
隐藏（）。它正在从
$（temp）
创建html元素，但它正在隐藏它，因此您无法看到它。照办

$(temp).appendTo($ct);

亲爱的@Adi Levin，
姓名
和
地址
已显示，但
图像
未显示，请查看清楚。谢谢。
元素存在。当我将图像URL更改为有效的URL时，这会起作用。检查你的图片URL。哦，是的，就是这样。非常感谢你。我忘了。你的问题中没有JSON：
“~/Content/images/user1.png”
看起来像是ASP.NET在服务器端扩展的URL。将其推入客户端JavaScript可能会绕过扩展代码。使用浏览器中的开发人员工具。看看元素检查器。当您右键单击并在新选项卡中打开图像或404时，您能看到属性解析为图像或404吗？亲爱的@Quentin，在开发者工具中，我看到了
，不显示相同的
，您看到的似乎是原始模板，而不是
附加到（$ct）的元素附加。你确定吗？。你能检查一下吗？