Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 带方向RTL的柔性滑块_Jquery_Css_Flexslider - Fatal编程技术网

Jquery 带方向RTL的柔性滑块

Jquery 带方向RTL的柔性滑块,jquery,css,flexslider,Jquery,Css,Flexslider,您好,我正在为RTL网站使用flexslider,在这种情况下,没有图像出现,我将方向到“ltr”用于固定滑块的div,它解决了我的问题,但在这种情况下,它使我的页面水平滚动, 如何解决这个问题? 以下是我的标记: <div class="flexslider"> <ul class="slides"> <li data-thumb="/Content/slid

您好,我正在为RTL网站使用flexslider,在这种情况下,没有图像出现,我将
方向
“ltr”
用于固定滑块的div,它解决了我的问题,但在这种情况下,它使我的页面水平滚动, 如何解决这个问题? 以下是我的标记:

<div class="flexslider">

                        <ul class="slides">
                            <li data-thumb="/Content/slider/1.jpg">
                                <img src="/Content/slider/1.jpg">
                            </li>
                            <li data-thumb="/Content/slider/1.jpg">
                                <img src="/Content/slider/1.jpg">
                            </li>
                            <li data-thumb="/Content/slider/1.jpg">
                                <img src="/Content/slider/1.jpg">
                            </li>
                            <li data-thumb="/Content/slider/1.jpg">
                                <img src="/Content/slider/1.jpg">
                            </li>

                        </ul>
                    </div>

我找到了解决方案,我正在使用支持,它设置
方向:rtl对于
html

html{
  direction:rtl;

}
只需在上述代码中注释方向属性并设置
方向:“ltr”用于
sildes
包装器:

.slides{
  direction:ltr;
  /*...*/
}

您可以使用具有RTL支持的此更新版本的FlexSlider:


我终于找到了解决办法

$('.flexslider').flexslider({
    reverse: false
});
要改变英语或阿拉伯语的方向,我们可以使用

如果我们需要RTL,那么使用它“reverse:true”或“reverse:false”


它对我有用。。bestluck

你能给我们看一下代码或JSFIDLE吗?@nikhitadkslfslg我已经更新了我的问题。你想要什么效果?一是我的效果。
    $('#flexslider').flexslider({rtl:true});
$('.flexslider').flexslider({
    reverse: false
});