更改背景圖像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 + ")");
}