【发布时间】:2021-01-18 11:22:17
【问题描述】:
我正在使用来自相反方向的 owl carousel rtl 幻灯片,此外,我添加了 nav 以显示 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>
【问题讨论】:
标签: jquery css owl-carousel