Owl-Carousel：我只需要在阿拉伯语中加载页面时才应用rtl：true属性。不是所有的时间

Question

在我的情况下，如果网站有英语和阿拉伯语两种语言。当我把这个（rtl：true）属性转换为它时，也反映在英文网站上。 当标签具有dir =“rtl”时，它应该适用。

供猫头鹰 - 卡罗塞尔参考 https://owlcarousel2.github.io/OwlCarousel2/demos/rtl.html

请指导，谢谢

Answer 1

据我所知，下面这个问题代码可能对您有所帮助。

mydir = $("html").attr("dir");

if (mydir == 'rtl') {
     rtlVal=true
}
else{
     rtlVal=false
    }

$('Your ID').owlCarousel({
      rtl: rtlVal
      , loop: true
      , items: 1
      , nav: true
      , dots: false
      , navText: false
});

Answer 2

您可以在CSS中添加以下代码行，如果HTML语言是阿拉伯语，则轮播会转换为右侧。

.owl-carousel:lang(ar) { direction: ltr !important; }