谷歌翻译不是隐藏的

Cra*_*aig 6 html javascript google-translate

选择"自动"版Google翻译小工具后,如果我的浏览器与网站语言相同,我预计不会看到"选择语言"下拉菜单.但是,无论我将html lang属性设置为什么或者我将浏览器首选语言设置为什么,我都会一直看到它.我还注意到,无论是否存在元"google-translate-customization"标记,小部件总是在视图中似乎没有任何区别.

如果用户浏览器未设置为英语,我希望该网站被翻译.

任何意见,将不胜感激.

使用的代码: -

在头上: -

<meta name="google-translate-customization" content="6bb255d109276506-b73cb06230e6b6c0-gbb2acb9bc95b4a11-12"></meta>
Run Code Online (Sandbox Code Playgroud)

身体: -

   <div id="google_translate_element"></div>
            <script>
            function googleTranslateElementInit() {
              new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT}, 'google_translate_element');
            }
            </script>
            <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Run Code Online (Sandbox Code Playgroud)

Ste*_*fan 3

你可以尝试这个小 jquery 脚本:

var userLang = navigator.language || navigator.userLanguage; 
if(userLang == "en"){
    $("#google_translate_element").css(["display", "none"]);
}
Run Code Online (Sandbox Code Playgroud)

不确定 if是否正确,我使用的是荷兰浏览器,它显示 nl 作为 userLang。我很确定英文应该命名为en。否则你必须提醒 userlang 并将其更改为那个。

alert(userLang);
Run Code Online (Sandbox Code Playgroud)

这是 jsfiddle: http: //jsfiddle.net/u950mwom/1/