从变量中删除斜杠

时间:2013-03-13 15:39:06

标签: jquery html css

我有一个我从图像的源属性获取的变量。当我使用样式标记将该变量设置为元素的背景时,将从中删除所有斜杠。以下是我的一些代码:

var logo    =   $('.logo-list li.selected-logo img').attr('src');
$('.stage').append('<div class="doc-header"><div class="product-logo"></div><div class="logo-small" style="background:url('+logo+');"></div></div>');

当我为变量'logo'设置警报时,它看起来很好: http://www.example.com/images/img.jpg

但是当jQuery附加代码时,background属性的URL如下所示:http:example.com images img.jpg

由于某种原因,斜线被删除/转义,我只是不知道为什么。有人能说清楚这个吗?

2 个答案:

答案 0 :(得分:2)

由于@ BradM的建议,我能够使用decodeURIComponent修复它。

var logo    =   $('.logo-list li.selected-logo img').attr('src');
var logo    =   decodeURIComponent(logo);

答案 1 :(得分:0)

您的问题是"background:"url的额外双引号。删除第二个双引号,应该可以正常工作

<强> DEMO