我正在使用来自相反方向的 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>
答案 0 :(得分:0)
也许这是一个文本方向问题。尝试将 direction: rtl;
声明添加到 owl-stage-outer
类。