javascript - 如何在下一个上一个悬停时滑动猫头鹰旋转木马？

Question

当我将鼠标悬停在下一个上一个按钮上时，我正在尝试滑动猫头鹰旋转木马。但我找不到解决方案。有人可以帮助我吗？

这是我的 JavaScript 代码:

$(document).ready(function() {
$('.owl-carousel').owlCarousel({
loop: true,
margin: 10,
responsiveClass: true,
responsive: {
   0: {
        items: 1,
        nav: true
      },
 600: {
        items: 1,
        nav: false
      },
 1000: {
        items: 3,
        nav: true,
        loop: false,
        margin: 20
      }
  }
  })
});
$('.owl-prev, .owl-next').on('hover', function(){
$(this).click();
});

Answer 1

您正在做的是在页面加载时初始化猫头鹰轮播。您可以做的是，在悬停时初始化它，如下所示:

$('.owl-prev, .owl-next').on('hover', function(){
   $('.owl-carousel').owlCarousel({
   loop: true,
  margin: 10,
  responsiveClass: true,
  responsive: {
     0: {
          items: 1,
          nav: true
        },
   600: {
          items: 1,
          nav: false
        },
   1000: {
          items: 3,
          nav: true,
          loop: false,
          margin: 20
        }
    }
    })
});