我正在尝试使用 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')"但什么也没有添加。我简直莫名其妙!
最佳答案
编辑:在这里工作演示 http://jsfiddle.net/vnf6D/
创建一个包含您想要的第二张照片的类。
.canvas
{
background-image: url(your-image.jpg);
}
然后在 jquery 上添加这个类和你想要的事件
$(document).ready(function(){
$(".temp-canvas").click(function(){
$(this).addClass("canvas2");
});
});
关于jquery - 无法使用变量使用 jQuery 设置 'background-image',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19104997/