Jquery 猫头鹰转盘未按预期工作

我知道这个问题在堆栈溢出中是重复的。我在Stack Overflow以及其他站点文章中已经阅读了很多问题和答案。我怎样才能使我的猫头鹰转盘工作

问题很简单，猫头鹰转盘不工作。我遵循了文档以及Stack Overflow中提供的一些答案

我把代码贴在这里

<!-- cdn script imports-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>

<!-- cdn css import -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css">

<!-- html -->
<div class="owl-carousal owl-theme">
  <div>
    slider 1
  </div>
  <div>
    slider 2
  </div>
  <div>
    slider 3
  </div>
  <div>
    slider 4
  </div>
</div>

---

这里的问题是什么？

您的拼写错误更改为“猫头鹰旋转木马”“购买”猫头鹰旋转木马”

---

我几乎浪费了2个小时：-（非常感谢你的朋友
 $(document).ready(function() {
  $('.owl-carousel').owlCarousel();
});

<div class="owl-carousal owl-theme"> <-------- owl-carousel not owl-carousal
<div>
  slider 1
</div>
 ...