JavaScript覆盖CSS

Question

我正在Laravel 5.7中创建一个简单的网站。它有一个基于jquery的滑块，可显示图片。我想基于从控制器传递来的模型数据在幻灯片背景中显示图片。

@foreach($slider_projects as $slider_project)
<div class="slide slide-{{$slider_index}}">
    <div class="slide__bg" style="background-image:url({{asset($slider_project->image)}})"></div>
    <div class="slide__content">
    </div>
</div>
{{$slider_index++}}
@endforeach

但是我的问题是，负责正确显示滑块的js代码已覆盖了div的 style 属性：

$slideBGs = $(".slide__bg"),
$slideBGs.css("transform", "translate3d("+ curSlide*50 +"%,0,0)");

背景图像属性不再出现在 style__bg div中。

动态渲染滑块内容（背景图像）而不干扰其行为（js部分）的最佳方法是什么？