javascript - 如何在下一个上一个悬停时滑动 owl-carousel？

Question

next prev当我将鼠标悬停在按钮上时，我试图滑动 owl-carousel 。但我找不到解决方案。有人能帮我吗？

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

标签： javascriptjqueryhtmlcss

Answer 1

您正在做的是在页面加载时初始化 owl carousel。你可以做的是，像这样在悬停时初始化它：

$('.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
        }
    }
    })
});