javascript - 如何自动改变网站方向LTR\RTL？

Question

我希望使我的网站双语化(阿拉伯语\英语)，这意味着两个不同的方向

Chinese => LTR "从左到右" 阿拉伯语 => RTL“从右到左”

所以，我需要一个脚本“Like Facebook”，当用户选择阿拉伯语时，网站会将整个模板+文本更改为 RTL，而在选择英语时则恰恰相反。

谢谢和最好的问候，

P.S 我在这个论坛上搜索过这个案例，但我没有找到有用的信息，所以如果有帖子谈论同样的问题并且[已解决]请把链接放在下面。

Answer 1

您需要从服务器按语言加载内容。如果你想在那种情况下改变方向，你可以这样做

如果你需要 RTL 而不是放置这个 css

direction: rtl; 

然后当你需要 LTR 时

direction: ltr; 

更新

如果你想改变按钮点击的方向而不是试试这个

CSS

.rtl-direction {
   direction: rtl; 
}
.ltr-direction {
   direction: ltr; 
}

脚本

$('button').click(function(){
   $('body').toggleClass(function(){
      return $(this).is('.rtl-direction, .ltr-direction') ? 'rtl-direction ltr-direction' : 'rtl-direction';
  })
})