coffeescript 和 jquery 为背景图片生成完整的 url？

Question

我正在尝试使用 coffeescript 和 jquery 设置 div 的背景图像。我从 DOM 中的数据源以 /images/album_image1.jpg 的形式获取图像 url。

但是，当我使用：

$('.selector').css({'backgroundImage', "url(#{image_url}"})

CoffeeScript/jQuery 生成带有主机的 URL：

url(http://host.com/images/album_image1.jpg)

此外，Firefox 会将 URL 括在引号中，而 Chrome 不会引用 URL。

请看这里：JSBin

我想得到结果url(/images/album_image1.jpg)，即没有主机部分和引号。我希望得到后者的结果，以便通过我使用 Jasmine 的测试。

Answer 1

好吧，因为你是 javascipt，所以你想用'+something+' 输出文本，所以：

 var image_url = $('img').data('img');
 image_url = str.split(".com"); //split returns an array of everything after the regex: .com
 image_url = image_url[1];
 $('.selector').css('backgroundImage', "url("+image_url+")");

编辑

 So if you want to remove the leading url from the returned string you would use split:

 var str = 'http://jsbin.com/images/image_album1.jpg'
 str = 
 image_url = str.split(".com"); //split returns an array of everything after the regex: .com
 str[1]; ///images/image_album1.jpg

希望这有帮助吗？但我也更新了上述内容，因此对您的情况很有帮助。