我正在使用谷歌翻译器为我的网站。但是,当我在本地主机或ec2实例上运行时,google translator组合框显示两次。
这是我的代码。
<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>
这是它看起来的样子。知道为什么会显示两次吗?
发布于 2017-12-14 20:53:05
当您选择翻译一个页面,然后单击该页面上的链接(指向同一站点)时,问题仍然存在。被点击链接的页面在屏幕顶部得到两个“翻译栏/标题”。下面对原始小部件脚本的简单更改解决了我的问题:
<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>
https://stackoverflow.com/questions/29230589
复制相似问题