#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
файле