更改背景图像CSS，从而添加其他div

Question

我正在基于原始HTML模板在blade.php中创建一个模板。当我尝试更改背景图片的URL而不是对其进行更改时，它会为样式创建一个额外的div，例如 this，导致其他模板化背景属性（例如position或size）被忽略。我该怎么解决？

<div data-bs-parallax-bg="true" id="pic_promo_1" style="background-image: url(#); height: 500px; background-position: center; background-size: cover;"></div>

if ($('#pic_promo_1').length) {
  $('#pic_promo_1').css('background-image', 'url({{asset("/images/products/$products->pic_promo_1")}})')
}

Answer 1

这样写

if ($('#pic_promo_1').length) {   
  var imageUrl = "/examples/images/sky.jpg";
  $("#pic_promo_1").css("background-image", "url(" + imageUrl + ")");
}