Google 翻译：TranslateElement 不是函数

Question

我正在尝试将 Google 翻译下拉列表添加到网站。
为了简单起见，我将所有代码添加在页面的同一位置。
我添加了这段代码（稍微美化了）：

<div id="google_translate_element"></div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement(
    {
      pageLanguage: 'it',
      includedLanguages: 'de,en,es,fr,it',
      gaTrack: true,
      gaId: 'UA-XXXXXXXX-X'
    },
    'google_translate_element'
  );
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

在 Chrome 控制台上我收到此错误：

Uncaught TypeError: google.translate.TranslateElement is not a function

google 搜索没有显示此错误代码，我不知道是什么原因造成的。

非常感谢任何帮助...
谢谢！

Answer 1

您应该在自己的脚本之前添加 google 脚本。

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement(
    {
      pageLanguage: 'it',
      includedLanguages: 'de,en,es,fr,it',
      gaTrack: true,
      gaId: 'UA-XXXXXXXX-X'
    },
    'google_translate_element'
  );
}
</script>

Google 翻译：TranslateElement 不是函数

Google Translate: TranslateElement is not a function

javascript

google-translate