当我给 owl-carousel 课时，物品消失了答案

【问题标题】：when i give owl-carousel class ,the items disappear当我给 owl-carousel 课时，物品消失了
【发布时间】：2020-11-20 07:03:03
【问题描述】：

所以当我将 owl-carousel 类添加到包含项目的 div 中时，它们会消失，为什么！！

这就是我在 head 标签中添加 owl-carousel 样式表和脚本的方式：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">
<link rel="stylesheet" href="./css/main.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"></script>

我在关闭 body 标签之前添加了脚本 src="app.js"

这是我试图制作滑块的项目：

HTML

<section class="portSection">

    <div class="wrapper">
        <div class="carousel owl-carousel">
            <div class="owl-item"><img src="./img/portfolio (1).png" alt=""></div>
            <div class="owl-item"><img src="./img/portfolio (2).png" alt=""></div>
            <div class="owl-item"><img src="./img/portfolio (3).png" alt=""></div>
            <div class="owl-item"><img src="./img/portfolio (4).png" alt=""></div>
        </div>
    </div>

</section>

【问题讨论】：

代码没问题，但是当轮播运行时，项目消失了！

标签： javascript html jquery owl-carousel owl-carousel-2

【解决方案1】：

我找到了答案！！！耶当我应用旋转木马猫头鹰的 calss 它会消失 bcz 滑块工作得很好！但是为什么物品消失了？这似乎无关紧要，但它是 bcz 我的页面是 dir=rtl 对于该部分，请提供 dir=ltr 并且它会起作用！！！你的东西会来的最后！我挣扎了一个星期！呼……

【讨论】：

【解决方案2】：

请在此链接查看 owl carousel 的基本文档：

https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html

我想你忘了初始化 owl carousel。这是来自基本示例：

<script>
        $('.owl-carousel').owlCarousel({
            loop:true,
            margin:10,
            nav:true,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:3
                },
                1000:{
                    items:2
                }
            }
        })
</script>

【讨论】：

您需要添加更多幻灯片才能更改，目前您只有 4 个项目，再添加 4 个然后测试。
试试我这个小提琴的例子：jsfiddle.net/bck1w2g0，和我上面的答案一样，你可以在鼠标拖动幻灯片上测试项目会滑动。