Question

我正在使用Easy Slider插件。

http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

但是当我的页面方向从右到左时，它不起作用。你能建议一种让它起作用的方法吗？

Answer 1

如果您希望它仅在RTL中工作（而不是使其变量），则非常容易。

在JS和CSS中，搜索“left”并将其更改为“right”，例如margin-left，float:left。反之亦然。可能在那之后你必须做一些小调整，但很可能它只会起作用。

如果你想让RTL和LTR兼容，那么你就会遇到不同的问题。

加载插件时，请检查插件的方向。在JS的任何地方，它都指向某个方向，你必须添加一个if语句，如果你在RTL中改变方向。

此外，如果您处于RTL模式，则必须覆盖CSS文件中设置的值。

Answer 2

你需要改变

的CSS：

在右到左页面的情况下将幻灯片浮动到右侧，您可以创建一个名为rtl或ltr的容器类，并使您的代码如下所示

.ltr .slide{float:left;}
.rtl .slide{float:right;}

JS：

if ($("body").attr("dir") == "rtl")
    $('#slides').stop().animate({ marginRight: -positions[pos] + 'px' }, 450); or your code
else
    $('#slides').stop().animate({ marginLeft: -positions[pos] + 'px' }, 450); or your code

我的问候

Easy Slider无法在“rtl”方向的页面中工作

2 个答案: