Изменить фоновое изображение div с помощью jQuery

Question

Эй, ребята, я пытаюсь изменить фоновое изображение нескольких элементов div с помощью класса .innerpreview, когда сделан выпадающий список.Есть идеи, почему не работает следующее?

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

Заранее спасибо.

Answer 1

Отсутствует URL (... спасибо Ender:

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

Я бы также не использовал это, но создал бы новый класс в CSS с заданным фоновым изображением и изменил или добавил этот новый класс.

Answer 2

Я думаю, что проблема в том, что вам не хватает «url ()» для установки фонового изображения. У вас должно быть что-то вроде этого:

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

См. Этот вопрос: Переключение фонового изображения DIV с помощью jQuery