【问题标题】:Owl carousel rtl nav arrows issue猫头鹰旋转木马 rtl 导航箭头问题
【发布时间】: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>'],
});
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;

【问题讨论】:

    标签: jquery css owl-carousel


    【解决方案1】:

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

    【讨论】:

    • 该名称中没有类
    • 尝试查看 DOM。您也可以在owl.carousel.min.css 文件中找到该课程
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-06-28
    • 2017-03-30
    • 1970-01-01
    • 2021-10-04
    相关资源
    最近更新 更多