猫头鹰旋转木马导航箭头问题



我使用来自相反方向的owl carousel rtl幻灯片,此外,我添加了用于显示owl-next, owl-prev箭头的导航。我注意到owl-next和owl-prev箭头有一个问题,例如,如果点击owl-next,它会显示上一张幻灯片,同样的,当我点击owl-prev时,它会显示下一张幻灯片。有解决的办法吗?

$('.owl-carousel').owlCarousel({
animateOut: 'fadeOut',
items:1,
loop:true,
autoplay:true,
autoplayHoverPause:false,
rtl:true,
mouseDrag: false,
touchDrag: false,
nav:true,
navText: ['<span class="fas fa-chevron-left fa-2x"></span>','<span class="fas fa-chevron-right fa-2x"></span>'],
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

也许这是文本方向的问题。尝试将direction: rtl;声明添加到owl-stage-outer类。

最新更新