javascript - 谷歌翻译没有隐藏

Question

选择了“自动”版本的 Google 翻译小部件后，如果我的浏览器与网站使用相同的语言，我预计不会看到“选择语言”下拉菜单。但是，无论我将 html lang 属性设置为什么，或者将浏览器的首选语言设置为什么，我都会一直看到它。我还注意到元“google-translate-customization”标签是否存在似乎没有任何区别，小部件始终可见。

如果用户的浏览器未设置为英语，我希望只翻译网站。

如有任何建议，我们将不胜感激。

使用的代码:-

在头上:-

<meta name="google-translate-customization" content="6bb255d109276506-b73cb06230e6b6c0-gbb2acb9bc95b4a11-12"></meta>

在正文中:-

   <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>

Answer 1

您可以试试这个小的 jquery 脚本:

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

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

alert(userLang);

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