1

我已经更改了网页应该显示从右到左的形式，用于阿拉伯语和从左到左书写的布局更改为英语。

当我使用谷歌翻译时，它会用特定语言替换同一个地方的内容。

对于阿拉伯语，字母应该从右到左开始，怎么可能这样做。

AnyPlugins for Javascript 无需更改标记。

帮助将不胜感激。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Google Translation</title>
</head>
<body>

    <div id="google_translate_element" style="display: none">
    </div>
  <div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar,en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true, autoDisplay: false }, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

 <div style="border:0px dotted #ccc;padding:3px 3px 3px 0px;background-color:none;margin:7px 0 7px 0;">






</div>

    <h1> Site Is  Down ,Under Development Reach you soon</h1>

</body>
</html>

问题参见截屏演示：http ://recordit.co/TsVwSYJDxk

我需要这样的输出：

演示：http ://recordit.co/4TcwtDPQQf

4

1 回答 1

4

尝试这个。它的作用是检测下拉菜单何时更改，获取更改为的语言，然后根据所选语言将文本样式修改为从左到右或从右到左。

<!DOCTYPE html>
<html>
<head>
    <title>Google Translation</title>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script>
        function googleTranslateElementInit() {
          new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar,en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true, autoDisplay: false }, 'google_translate_element');
            $('.goog-te-menu-value').on('DOMSubtreeModified', 'span', function(){
                   language = $(".goog-te-menu-value span").html();

                    if (language == "Arabic"){
                        $('#theContent').css('direction', 'rtl');
                    }
                    else{
                        $('#theContent').css('direction', 'ltr');
                    };
                });
        };
    </script>
    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</head>
<body>
    <div id="theContent">
        <div id="google_translate_element" ></div>
        <div style="border:0px dotted #ccc;padding:3px 3px 3px 0px;background-color:none;margin:7px 0 7px 0;"></div>
        <h1> Site Is  Down ,Under Development Reach you soon</h1>
    </div>
</body>
</html>
于 2017-05-10T21:01:03.880 回答