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

Question

I'm creating a template in blade.php based on an original HTML template. When I try to change the URL of the background image, instead of changing it, it creates an additional div to the style, like this , which results in other templated background attributes such as position or size being ignored. How can I solve this?

<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

Write like this

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