使用 jQuery 更改 div 背景图像答案

【问题标题】：Change div background image with jQuery使用 jQuery 更改 div 背景图像
【发布时间】：2010-08-11 16:47:00
【问题描述】：

大家好，当进行下拉选择时，我正在尝试使用 .innerpreview 类更改多个 div 的背景图像。知道为什么以下内容不起作用吗？

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

提前致谢。

【问题讨论】：

标签： jquery css class

【解决方案1】：

缺少 url(...谢谢安德：

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

我也不会使用这个，而是在 CSS 中创建一个指定背景图像的新类，然后更改或添加这个新类。

【讨论】：

【解决方案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

【讨论】：

谢谢安德，错过了。但我支持我的声明，为此使用 CSS 类。