猫头鹰轮播没有显示

Question

我使用过猫头鹰传送带，但无法正常工作。当我检查浏览器时，.owl-carousel div显示display：none。很快，它开始工作，更改为不显示。 我使用了代码笔https://codepen.io/niloydeysarkar/pen/MxZdeE

中的轮播

我复制了与给定的代码相同的代码。我同时检查了owl.carousel.min.css和owl.theme.default.min.css，并且还在头部引导程序中检查了4个CSS。

<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">

jquery和owl.carousel.min.js和bootstrap.min.js

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/function.js"></script>

我刚刚复制并粘贴的所有CSS，JS代码。 我应该包含粘贴的完整代码吗？

Answer 1

请尝试使用这些

CSS插件

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

jQuery和JS

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/function.js"></script>