带有javascript的猫头鹰旋转木马不起作用

如何解决带有javascript的猫头鹰旋转木马不起作用

你能告诉我它不能正常工作的问题是什么吗？它是一个带有五个图像的猫头鹰传送带，我添加了一些 javascript 代码，但它无法正常工作。我添加 owl.carousel.min.js 和 jquery 库，但我不知道问题是什么。

https://codepen.io/lena-bt/pen/NWdwbrQ

<div class="sliders owl-carousel">
  <div class="card">
    <div class="img"><img src="https://www.itaf.eu/wp-content/uploads/2020/04/best-laptops-cover.jpg" alt=""></div>
    <div class="content">
      <div class="title">briana tazor</div>
      <div class="sub-title">graphic designer</div>
      <div class="btn">
        <button>read more</button>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="img"><img src="https://www.itaf.eu/wp-content/uploads/2020/04/best-laptops-cover.jpg" alt=""></div>
    <div class="content">
      <div class="title">briana tazor</div>
      <div class="sub-title">graphic designer</div>
      <div class="btn">
        <button>read more</button>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="img"><img src="https://www.itaf.eu/wp-content/uploads/2020/04/best-laptops-cover.jpg" alt=""></div>
    <div class="content">
      <div class="title">briana tazor</div>
      <div class="sub-title">graphic designer</div>
      
      <div class="btn">
        <button>read more</button>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="img"><img src="https://www.itaf.eu/wp-content/uploads/2020/04/best-laptops-cover.jpg" alt=""></div>
    <div class="content">
      <div class="title">briana tazor</div>
      <div class="sub-title">graphic designer</div>
      
      <div class="btn">
        <button>read more</button>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="img"><img src="https://www.itaf.eu/wp-content/uploads/2020/04/best-laptops-cover.jpg" alt=""></div>
    <div class="content">
      <div class="title">briana tazor</div>
      <div class="sub-title">graphic designer</div>
      
      <div class="btn">
        <button>read more</button>
      </div>
    </div>
  </div>
</div>

这是我的javascript代码

<script>
  $(".sliders").owlCarousel({
    loop: true,autoplay: true,autoplayTimeout: 2000,autoplayHoverPause: true,});
</script>