使用 backbone 模板动态设置 img 标签的 'src'

Question

我正在尝试使用 backbone 模板动态设置 img 标签的 src，但是 / 是自动附加的 img 而不是 loaded.The 模板的一部分看起来像 -

<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/" />

我不知道如何在 img src 中排除 /。有什么建议吗

Answer 1

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

加引号：

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

使用 backbone 模板动态设置 img 标签的 'src'

Setting 'src' of img tag dynamically using backbone templating

javascript

backbone.js