Question

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

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

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

Answer 1

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

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

Answer 2

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

<强> DEMO

从变量中删除斜杠

2 个答案: