带有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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）