jquery - 无法使用变量使用 jQuery 设置 'background-image'

Question

我正在尝试使用 jQuery 设置 DIV 的背景图像。图像的路径存储在变量中。我已使用控制台 + 复制/粘贴验证图像的路径有效。

代码如下:

var bg = $('.temp-canvas', this).attr('data-background');
$(this).css('background-image', 'url('+bg+')');

使用 $(this) 是因为它在 .each() 循环中运行。

此代码未向 DIV 添加任何内容。在代码中用存储 bg 变量的字符串替换 '+bg+' 就像一个魅力。我至少希望代码会添加 style="background-image:url('invalid_path')"但什么也没有添加。我简直莫名其妙!

Answer 1

编辑:在这里工作演示 http://jsfiddle.net/vnf6D/

创建一个包含您想要的第二张照片的类。

.canvas
{
   background-image: url(your-image.jpg);
}

然后在 jquery 上添加这个类和你想要的事件

$(document).ready(function(){
  $(".temp-canvas").click(function(){
    $(this).addClass("canvas2");
  });
});