用jQuery更改div背景图像

时间:2010-08-11 16:47:01

标签: jquery css class

嘿伙计们,我正在尝试使用类.innerpreview在下拉选择时更改多个div的背景图像。知道为什么以下不起作用吗?

$('#txtMontage').change(function(event) {
    if (this.value == "example") {
        $('.innerpreview').css('background-image', 'img/img-bkg.jpg)');
    }
});

提前致谢。

2 个答案:

答案 0 :(得分:4)

缺少网址(...感谢安德:

$('#txtMontage').change(function(event) {
    if (this.value == "example") {
        $('.innerpreview').css('background-image', 'url(img/img-bkg.jpg)');
    }
});

我也不会使用它,但在CSS中创建一个指定了背景图像的新类,并更改或添加这个新类。

答案 1 :(得分:2)

我认为问题是你错过了设置背景图片的“url()”位。你应该有这样的东西:

$('#txtMontage').change(function(event) {
    if (this.value == "example") {
        $('.innerpreview').css('background-image', 'url(img/img-bkg.jpg)');
    }
});

请参阅此问题:Switching DIV Background Image With jQuery