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

时间:2021-01-18 11:22:17

标签: jquery css owl-carousel

我正在使用来自相反方向的 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>

1 个答案:

答案 0 :(得分:0)

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