谷歌翻译组合框显示两次答案

【问题标题】：google translate combo box is shown twice谷歌翻译组合框显示两次
【发布时间】：2015-05-27 15:26:52
【问题描述】：

我正在为我的网站使用谷歌翻译。但是，当我在本地主机或 ec2 实例上运行它时，谷歌翻译器组合框会显示两次。

这是我的代码。

<div id="google_translate_element" style="position: relative;z-index: 1;"></div> 

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'en,es,id,ru,tl,zh-TW', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

这就是它的外观。知道为什么它显示了两次吗？

【问题讨论】：

标签： web google-translate google-widget

【解决方案1】：

我确实按原样尝试了这段代码，只看到一个组合框，无论如何你可以尝试删除一个javascript块，似乎一个组合框确实有两个定义

【讨论】：

【解决方案2】：

当您选择翻译页面然后单击该页面上的链接（针对同一站点）时，问题仍然存在。点击链接的页面在屏幕顶部有两个“翻译栏/标题”。下面对原始小部件脚本的简单更改解决了我的问题：

<div id="google_translate_element" style="position: relative;z-index: 1;"></div>
<script type="text/javascript">
var g_gTranslateIsAdded = false;
function googleTranslateElementInit() {
    if (!g_gTranslateIsAdded ) {
        g_gTranslateIsAdded = true;
        new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'en,es,id,ru,tl,zh-TW', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
    }
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

【讨论】：