我在一页上有多个轮播。导航由键盘控制。但是,当我按下下一个箭头时,它会触发两个幻灯片显示,而不是屏幕上的一个。
我确实在屏幕上的轮播中处于活动状态,我该如何仅定位此幻灯片显示
$(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'
});
});