安装猫头鹰转盘的问题

Question

嘿伙计我是网络开发的新手，想在页面上安装猫头鹰轮播，但没有任何反应。这是我的代码：

<section class="showcase">
    <div class="owl-carousel">
        <div><img src="./9781471407956.jpg" alt=""></div>
        <div><img src="./9781471407956.jpg" alt=""></div>
        <div><img src="./9781471407956.jpg" alt=""></div>
        <div><img src="./9781471407956.jpg" alt=""></div>
    </div>
</section>

然后我将链接包含在head head标签中

<link rel="stylesheet" href="./OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="./OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css">

最后，我在关闭正文之前包含了javascript代码：

<script src="./OwlCarousel2-2.3.4/docs/assets/vendors/jquery.min.js"></script>
<script src="./OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script>
$(document).ready(function(){
    $(".owl-carousel").owlCarousel();
});

我真的需要你的帮助

Answer 1

var owl = jQuery('.owl-carousel');
            owl.owlCarousel({
                items: 1,
                margin: 10,
                autoplay: true,
                autoPlay: 3000,
                nav: false,
                dots: false,
                autoplayTimeout: 3000,
                autoplayHoverPause: true,
                loop: true,
});

然后在风格包括

.owl-item {
   float:left
}