我有一个我从图像的源属性获取的变量。当我使用样式标记将该变量设置为元素的背景时,将从中删除所有斜杠。以下是我的一些代码:
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
由于某种原因,斜线被删除/转义,我只是不知道为什么。有人能说清楚这个吗?
答案 0 :(得分:2)
由于@ BradM的建议,我能够使用decodeURIComponent修复它。
var logo = $('.logo-list li.selected-logo img').attr('src');
var logo = decodeURIComponent(logo);
答案 1 :(得分:0)
您的问题是"background:"url
的额外双引号。删除第二个双引号,应该可以正常工作
<强> DEMO 强>