Javascript 如何在下一次悬停时滑动猫头鹰转盘？

当我将鼠标悬停在

next prev

按钮上时，我正试图滑动猫头鹰转盘。但我找不到解决办法。有人能帮我吗

以下是我的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();
});

---

您所做的是在页面加载时初始化owl转盘。您可以做的是，在悬停状态下初始化它，如下所示：

$（'.owl-prev，.owl-next'）。在（'hover'，function（）上{
$（'.owl carousel'）。owl carousel({
循环：对，
差额：10，
回答：是的，
响应：{
0: {
项目：1，
导航：对
},
600: {
项目：1，
导航：错
},
1000: {
项目：3，
导航：是的，
循环：false，
差额：20
}
}
})
});
也许是这样？只需快速浏览一下API。希望对你有所帮助。：）
 您的悬停处理程序不在document.ready事件中。->owl prev和owl next在此不可用。。。。但即便如此。。。如果两者都是由插件创建的，则必须将事件附加到已经存在的元素，例如body（事件委派）$（'body'）.on（'hover'，.'owl-prev，.owl-next'，函数（）{…}）；
$(document).ready(function() {
  var $owl = $('.owl-carousel');

  $owl.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').on('hover', function() {
    $owl.trigger('prev.owl.carousel', [300]);
  });
  $('.owl-next').on('hover', function() {
    $owl.trigger('next.owl.carousel', [300]);
  });
});