Фон для блока с помощью переменной (jQuery JS)

Question

Пытаюсь сделать смену фона через jquery с помощью переменной:

var bbb = $(this).closest('.colTwo').find('.productData').text();

//Winter Dress

$(this).closest('.productItem').children('.colOne').css({
        backgroundImage : 'url(../image/' + bbb + '.png);'
});

Не срабатывает хотя путь по DOM дереву верный. Когда захожу в браузер то он не ругается на то что картинка не найдена, а строка со стилем не добавлена.

В чём может быть проблема?

Answer 1

backgroundImage не работает. Прописывайте 'background-image'

let bbb = 'https://i.imgur.com/Le4SNI2.png';

$('.two').css('background-image', `url(${bbb})`);
$('.one').css(backgroudImage, `url(${bbb})`);

.test {
  display: inline-block;
  background: red center center / cover;
  width: 100px;
  height: 100px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="test one"></div>
<div class="test two"></div>

БЛОГ НА HUSL

Фон для блока с помощью переменной (jQuery JS)

Ответы (1 шт):