Jquery 为什么图像滑块水平加载图像而不是幻灯片？

我使用了owl.carousel.js。

在第页，我有这样一句话：

<div id="home-slider" class="home-slider">
</div>

通过ajax和jquery，我在图像集合中循环并尝试滑动，但它会水平重复每个图像，而不是滑动

$(document).ready(function()
{
    var url = '@Url.Action("getImages", "Gallery")'; 
    var data = ''

    $.get(url, data, function (response) {
        $.each(response, function (i, val) {
            $("#home-slider").append("<div id=\"" + 'Outdiv' + i + "\" class='item home-slider-bg'></div>");
            var url = '../Content/images/' + val.Image;
            $("#Outdiv" + i).attr("style", "background-image:url(\""+url +"\")");
        });
    });
});

$（文档）.ready（函数（）
{
var url='@url.Action（“getImages”，“Gallery”）；
var数据=“”
$.get（url、数据、函数（响应）{
$。每个（响应、功能（i、val）{
$（“#主滑块”）。追加（“”）；
var url='../Content/images/'+val.Image；
$（“#Outdiv”+i）.attr（“样式”，“背景图像：url（\”+url+“\”））；
});
});
});

为什么?

更新：

如果我使用class='item home slider bg手动添加一个div并设置其背景图像，则一切正常，如下所示：

<div id="home-slider" class="home-slider">
    <div class="item home-slider-bg" style="background-image: url('/Content/images/slider-1.jpg')"> 
                </div>
    <div class="item home-slider-bg" style="background-image: url('/Content/images/slider-2.jpg')">

    </div>

</div>

让我加载你的代码，想象一下css在我的大脑浏览器中的样子。。。不，css仍然有用。甚至是一个互动的例子better@DominicTobias：一切正常，如果我使用class='item home slider bg手动添加一个div并设置其背景图像，则works@DominicTobias检查更新的问题