猫头鹰轮播上的键盘导航

时间:2019-02-18 07:25:51

标签: javascript jquery owl-carousel-2

我在一页上有多个轮播。导航由键盘控制。但是,当我按下下一个箭头时,它会触发两个幻灯片显示,而不是屏幕上的一个。

我确实在屏幕上的轮播中处于活动状态,我该如何仅定位此幻灯片显示

$(document.documentElement).keyup(function (event) {    

         var owl = $(".active .owl-carousel");

          // handle cursor keys
          if (event.keyCode == 37) {
             // go left
             owl.trigger('prev.owl');
          } else if (event.keyCode == 39) {
             // go right
             owl.trigger('next.owl');
          }
      });

var projecten = $(".owl-carousel");


projecten.each(function() {

  var $this = $(this);

  $this.owlCarousel({
       responsiveRefreshRate: 1,
        loop: true,
        margin: 10,
        responsiveClass: true,
        items: 1,
        nav: true,
        dots: false,
        autoplay: false,
        autoplayTimeout: 6000,
        smartSpeed: 750,
        mouseDrag:'true',
        pullDrag:'true',
        animateIn: 'fadeIn', 
        animateOut: 'fadeOut'


  });
});

0 个答案:

没有答案