jquery - 无法使用变量使用 jQuery 设置“背景图像”

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')" 但没有添加任何内容。我简直一脸懵逼！

score 0 · Accepted Answer

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

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

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

然后将此类与您希望在 jquery 上的事件一起添加

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

1 回答 1