Проблема со стрелками навигации Owl carousel rtl

#jquery #css #owl-carousel

#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:

Возможно, это проблема с направлением текста. Попробуйте добавить direction: rtl; объявление в owl-stage-outer класс.

Комментарии:

1. В этом имени нет класса

2. Попробуйте заглянуть в DOM. Вы также можете найти класс в owl.carousel.min.css файле