javascript - Google Translate: TranslateElement is not a function - Stack Overflow

admin管理员组

文章数量:1405747

i was trying adding Google translate dropdown to a website.
For the sake of simplicity, i added all the code in the same place of the page.
I have added this code (slightly beautified):

<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/translate_a/element.js?cb=googleTranslateElementInit"></script>

On the Chrome console i receive this error:

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

This error code doesn't show up with a google search, and i don't know what caused it.

Any help is really appreciated...
Thanks!

i was trying adding Google translate dropdown to a website.
For the sake of simplicity, i added all the code in the same place of the page.
I have added this code (slightly beautified):

<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./translate_a/element.js?cb=googleTranslateElementInit"></script>

On the Chrome console i receive this error:

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

This error code doesn't show up with a google search, and i don't know what caused it.

Any help is really appreciated...
Thanks!

• javascript
• google-translate

Share Follow edited Jul 14, 2015 at 21:47 gfabi asked Jul 14, 2015 at 21:40 gfabigfabi 9633 silver badges99 bronze badges 2

• 1 Your code worked fine for me in this plunker... plnkr.co/edit/UiIxrHc9GU5KgcLIPxSd?p=preview – Timothy Commented Jul 14, 2015 at 21:51
• yes, even in my live website the translate bar appears, but the webdeveloper console gave me an error of Uncaught exception. Anyway, the solution proposed by Carlos2W solved this error. Thank you – gfabi Commented Jul 14, 2015 at 22:18

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

You should add google script before your own.

<script type="text/javascript" src="//translate.google./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>

本文标签： javascriptGoogle Translate TranslateElement is not a functionStack Overflow