设置＆＃39; src＆＃39; img标签动态使用骨干模板

Question

我正在尝试使用骨干模板动态设置src img标记，但/会自动附加img未加载。模板的一部分看起来喜欢 -

<script type="text/template" id="home">
.......
<% var d=names[0].get("image_link")+".jpg" 
//d=d.substring(0 , d.length-1); tried to cut down last char
%>
<a href="#" class="thumbnail"><img class="img-responsive ui-corner-all"  width="100%" height="auto" src=<%=d%> /> 
.......
</script>

输出 -

<a href="#" class="thumbnail"><img class="img-responsive ui-corner-all"  width="100%" height="auto" src="image1.jpg/" />

我无法弄清楚如何在/ src中排除img。有任何建议请。

Answer 1

斜杠实际上存在于代码中。由于您在属性值周围没有任何引号，/中的/>会成为该值的一部分。

添加引号：

<a href="#" class="thumbnail"><img class="img-responsive ui-corner-all"  width="100%" height="auto" src="<%=d%>" />