我们的自定义 Owl 轮播行为不符合预期 - 拖动和使用键盘箭头将您带到下一张幻灯片时，上一张和下一张箭头会跳过"下一张幻灯片到下一张幻灯片。
下一张幻灯片确实短暂出现，但会快速切换到下一张幻灯片。
我已经在主要设置中尝试了一些东西.js但没有骰子。任何想法将不胜感激，因为我有点困惑。
主.js代码为：
$(document).ready(function() {
// initialise owl
$(function() {
var owl = $('.owl-carousel');
owl.owlCarousel({
items:1,
lazyLoad:true,
loop:true,
useMouseWheel: false,
nav: true,
center: true,
dots: false,
margin: 0,
stagePadding: 0,
URLhashListener: true,
startPosition: 'URLHash',
animateIn: 'fadeIn',
animateOut: 'fadeOut'
});
// click for next image
$(owl).click(function() {
owl.trigger('next.owl');
})
// add arrow keys to carousel navigation
$(document).on('keydown', function( event ) { //attach event listener
if(event.keyCode == 37) {
owl.trigger('prev.owl')
}
if(event.keyCode == 39) {
owl.trigger('next.owl')
}
});
// end arrow keys
}); // end owl
}); // end document ready
如果有用，很乐意分享代码的任何其他部分。提前感谢您的任何指导！
@Tiberiuscan为我指出了正确的方向，我想出了一个解决方案：
下一个图片部分的点击是针对整个猫头鹰轮播的点击。
我修改了此代码以针对猫头鹰项目div 并解决了该问题，如下所示：
// click for next image
$('.owl-item').click(function() {
owl.trigger('next.owl');
})
再次感谢，@Tiberiuscan