当我给猫头鹰旋转木马上课时，这些物品就会消失

Question

所以当我将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>

并且我添加了脚本src="；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>

Answer 1

我找到答案了！！！耶当我应用旋转木马猫头鹰的calss时，它会消失，因为滑块工作得很好！但为什么这些物品消失了？这似乎无关紧要，但它是bcz我的页面是dir=rtl对于该部分，给定dir=ltr，它将起作用！！！你的物品会来终于！我挣扎了一个星期！啊。。。

Answer 2

请在此链接查看猫头鹰转盘的基本文档：

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

我想你忘了初始化猫头鹰旋转木马了。这是从基本的例子：

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