猫头鹰旋转木马的安装问题

Question

大家好，我是 Web 开发的新手，想在页面上安装 owl carousel，但没有任何反应。这是我的代码：

<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 标记中作为

<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
}