jQuery链接斜杠被削减

时间:2014-03-20 07:39:45

标签: javascript jquery

我有一个代码:

$("#details_pics").html('<div style="background-image:url(\"'+details.images[0]+'\");background-repeat: no-repeat;background-size: cover;background-position: 0;height: 270px;"></div>');

但不知何故,它会返回没有斜杠的链接:http www.wjrlkwe.com index

我做错了什么?

1 个答案:

答案 0 :(得分:2)

您在URL周围使用引号而不对其进行HTML编码,因此该URL最终会超出style属性。浏览器尝试将URL解析为属性,这自然会最终成为一团糟。

使用HTML实体&quot;作为引号:

$("#details_pics").html('<div style="background-image:url(&quot;'+details.images[0]+'&quot;);background-repeat: no-repeat;background-size: cover;background-position: 0;height: 270px;"></div>');