jQuery 的 URL 转义

Question

我有以下网址：

http://s7w2p3.scene7.com/is/agm/creativprint/a4?&page=3&wid=354&fmt=jpg,rgb&setAttr.img_page3={source=@Embed%28%27/ugc/8423326.tif%27%29}. 

我想通过

jQuery('#divID').css

或

document.getElementByID('divID').style.backgroundImage

将其设置为div的背景图像的url。它不起作用，因为我想我必须逃避其中的一些字符。 Javascript 全局函数 escape() 也不起作用。

我已在 .css 文件中手动将其设置为背景图像，并且它有效。有什么建议吗？我已经尝试过其他格式为

http://s7w2p3.scene7.com/is/agm/creativprint/a4?&page=3&wid=354&fmt=jpg,rgb

的 URL。那行得通。所以问题一定出在剩下的部分：

&setAttr

.

Answer 1

您可能刚刚忘记了 CSS 属性周围的

url()

：

$('#id').css('backgroundImage', 'url("http://s7w2p3.scene7.com/is/agm/creativprint/a4?&page=1&wid=354&fmt=jpg,rgb&setAttr.img_page1={source=@Embed%28%27/ugc/4575272.tif%27%29}")');

这样对我来说效果很好：http://jsfiddle.net/mPyTJ/1/

Answer 2

我看不出你的问题是什么。一切似乎都运转良好。 看到这个 jsFiddle。

$(document).ready(function(){
    $('#div1').css('backgroundImage','url(http://s7w2p3.scene7.com/is/agm/creativprint/a4?&page=1&wid=354&fmt=jpg,rgb&setAttr.img_page1={source=@Embed%28%27/ugc/4575272.tif%27%29})');
});

如果您可以使用 jsFiddle 重现您的错误，那将会有很大帮助。

Answer 3

请看一下，我刚刚在 OfficeEssence.net 上推出了一个很酷的 URL 转义工具。它非常适合轻松编码或解码 URL。看看吧，让我知道你的想法！ 👉 OfficeEssence.net 😊