Несколько экземпляров Google Translate
Я пытаюсь отобразить несколько экземпляров Google Translation Dropdown, но, похоже, он выберет только один.
Полный код страницы
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Google Translate</title>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</head>
<body>
<div id="header" style="background-color: red;">
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit(){
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<strong>A</strong>
</div>
<div id="footer" style="background-color: blue;">
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit(){
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<strong>B</strong>
</div>
</body>
</html>
Ниже я перечислил некоторые вещи, которые я пробовал, и это результат. В каждом тесте я возвращаюсь к коду по умолчанию, показанному выше.
Тест 1: 2 заголовочных скрипта, которые вызываютelement.js
но поменяй 2й?cb=googleTranslateElementInit
к моей функции перевода нижнего колонтитула.
Результат: Толькоid="header"
Перевести показывает вверх.
Тест 2: В моемid="footer"
вызов функции перевода я меняю второй параметр на отдельный идентификатор, чемid="header
вызов функции. так это выглядит так:new google.translate.TranslateElement({pageLanguage: 'en'}, 'test');
Я тогда поменяюid="footer"
перевод div, чтобы соответствовать параметру.
Результат: Толькоid="footer"
Перевести показывает вверх.
Тест 3: Добавьте 2-й скрипт перевода в нижний колонтитул и измените?cb=
в?cb=translateTest
, Я тоже меняюid="footer"
преобразовать вызов функции в соответствиеtranslateTest
и параметр / переводить id id вtest
.
Результат: Толькоid="footer"
Перевести показывает вверх.