当我提供owl-carousel类时，这些项就消失了
当我提供owl-carousel类时，这些项就消失了
提问于 2020-11-20 15: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>回答 2
Stack Overflow用户
发布于 2020-11-22 23:25:57
我找到答案了！耶，当我应用旋转木马猫头鹰的calss时，它会消失，bcz，滑块工作完美！但是为什么这些东西不见了呢？这看起来似乎无关紧要，但它是bcz我的页面是dir=rtl为该部分，给dir=ltr，它会工作！你的物品最终会来的！我挣扎了一周！嘿嘿。
Stack Overflow用户
发布于 2020-11-20 15:15:36
请通过以下链接查看owl carousel的基本文档：
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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64925133
复制相关文章
相似问题
腾讯云开发者
