如何解决谷歌翻译下拉菜单 - 以该语言本身设置语言选项标签
我使用了带有代码的谷歌翻译元素:
<div id="google_translate_element"></div>
function googleTranslateElementinit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
},'google_translate_element');
}
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementinit">
<select>
<option selected="selected" value="">select</option>
<option value="af">Afrikaans</option>
<option value="sq">shqip</option>
<option dir="ltr" value="ar">العربية</option>
<option value="be">Беларуская</option>
<option value="bg">български</option>
<option value="ca">català</option>
<option value="zh-CN">中文(简体)</option>
<option value="zh-TW">中文(繁體)</option>
<option value="hr">Hrvatska</option>
<option value="cs">česky</option>
<option value="da">Dansk</option>
<option value="nl">Nederlands</option>
<option value="et">Eesti</option>
<option value="tl">Filipino</option>
<option value="fi">suomi</option>
<option value="fr">Français</option>
<option value="gl">galego</option>
<option value="de">Deutsch</option>
<option value="el">Ελληνικά</option>
<option dir="ltr" value="iw">עברית</option>
<option value="hi">हिन्दी</option>
<option value="hu">magyar</option>
<option value="is">Íslenska</option>
<option value="id">Indonesia</option>
<option value="ga">Gaeilge</option>
<option value="it">Italiano</option>
<option value="ja">日本語</option>
<option value="ko">한국어</option>
....
</select>
更新 我虽然替换了谷歌生成的选择的innerHTML
var googleDropdown = $("#google_translate_element .goog-te-combo");
var customDropdown = $("#custom-translate");
googleDropdown.innerHTML = customDropdown.innerHTML;
自定义选择:
<select id="custom-translate" style="display:none;">
<option value="">Select Language</option>
<option value="af">Afrikaans</option>
<option value="sq">Albanian</option>
<option value="am">Amharic</option>
<option value="ar">arabic (العربية)</option>
...
</select>
当我在加载所有内容后在控制台上尝试时,这有效,但是当我将此代码添加到文件中时,问题是 googleTranslateElementinit 最后执行。
那么如何在谷歌翻译完成后让我的代码执行?
解决方法
我自己为此挣扎了很长时间。我最终不得不学习一些 JQuery 来访问 iframe 并编辑下拉列表中的文本。一旦我能够访问文本元素,我就编写了一个巨大的 switch 语句,将语言的英文版本的文本更改为其母语。我使用谷歌翻译或应用程序脚本 LanguageApp 来翻译语言名称。
$("#google_translate_element").on("click",function () {
var languages = $("iframe").contents().find(".text").get();
console.log(languages);
for (i = 0; i < languages.length; ++i) {
var languageElem = languages[i];
var Lang = languageElem.textContent;
console.log(Lang);
var nativeLang = getNativeLang(Lang);
if (!nativeLang) {
nativeLang = Lang;
}
languageElem.textContent = nativeLang;
console.log(nativeLang);
}
});
function getNativeLang(Lang) {
switch (Lang) {
case "Spanish":
return "Español";
case "Haitian Creole":
return "Kreyòl Ayisyen";
case "Portuguese":
return "Português";
case "Chinese (Simplified)":
return "中文";
case "Chinese (Traditional)":
return "中文";
case "Afrikaans":
return "Afrikaans";
case "Albanian":
return "Shqiptar";
case "Amharic":
return "አማርኛ";
case "Arabic":
return "عربى";
case "Armenian":
return "Հայերեն";
case "Azerbaijani":
return "AzəRbaycan";
case "Basque":
return "Euskal";
case "Belarusian":
return "Беларус";
case "Bengali":
return "বাংলা";
case "Bosnian":
return "Bosanski";
case "Bulgarian":
return "Български";
case "Catalan":
return "Català";
case "Cebuano":
return "Cebuano";
case "Corsican":
return "Corsu";
case "Croatian":
return "Hrvatski";
case "Czech":
return "Čeština";
case "Danish":
return "Dansk";
case "Dutch":
return "Nederlands";
case "Esperanto":
return "Esperanto";
case "Estonian":
return "Eestlane";
case "Filipino":
return "Pilipino";
case "Finnish":
return "Suomalainen";
case "French":
return "Français";
case "Frisian":
return "Frysk";
case "Galician":
return "Galego";
case "Georgian":
return "ᲥᲐᲠᲗᲣᲚᲘ";
case "German":
return "Deutsche";
case "Greek":
return "Ελληνικά";
case "Gujarati":
return "ગુજરાતી";
case "Hausa":
return "Hausa";
case "Hawaiian":
return "ʻŌlelo Hawaiʻi";
case "Hebrew":
return "עברית";
case "Hindi":
return "हिन्दी";
case "Hmong":
return "Hmong";
case "Hungarian":
return "Magyar";
case "Icelandic":
return "Íslensku";
case "Igbo":
return "Ndi Igbo";
case "Indonesian":
return "Bahasa Indonesia";
case "Irish":
return "Gaeilge";
case "Italian":
return "Italiano";
case "Japanese":
return "日本語";
case "Javanese":
return "Basa Jawa";
case "Kannada":
return "ಕನ್ನಡ";
case "Kazakh":
return "Қазақ";
case "Khmer":
return "ខ្មែរ";
case "Korean":
return "한국어";
case "Kinyarwanda":
return "Ikinyarwanda";
case "Kurdish (Kurmanji)":
return "Kurdî";
case "Kyrgyz":
return "Кыргызча";
case "Lao":
return "ລາວ";
case "Latin":
return "Latine";
case "Latvian":
return "Latvietis";
case "Lithuanian":
return "Lietuvis";
case "Luxembourgish":
return "Lëtzebuergesch";
case "Macedonian":
return "Македонски";
case "Malagasy":
return "Malagasy";
case "Malay":
return "Bahasa Melayu";
case "Malayalam":
return "മലയാളം";
case "Maltese":
return "Malti";
case "Maori":
return "Maori";
case "Marathi":
return "मराठी";
case "Mongolian":
return "Монгол";
case "Myanmar (Burmese)":
return "မြန်မာ";
case "Nepali":
return "नेपाली";
case "Norwegian":
return "Norsk";
case "Nyanja":
return "Nyanja";
case "Odia (Oriya)":
return "ଓଡିଆ";
case "Pashto":
return "پښتو";
case "Persian":
return "فارسی";
case "Polish":
return "Polskie";
case "Punjabi":
return "ਪੰਜਾਬੀ";
case "Romanian":
return "Română";
case "Russian":
return "Русский";
case "Samoan":
return "Sāmoa";
case "Serbian":
return "Српски";
case "Sesotho":
return "Sesotho";
case "Shona":
return "Shona";
case "Scots Gaelic":
return "Gàidhlig";
case "Sindhi":
return "سنڌي";
case "Sinhala":
return "සිංහල";
case "Slovak":
return "Slovenský";
case "Slovenian":
return "Slovenščina";
case "Somali":
return "Soomaali";
case "Sundanese":
return "Urang Sunda";
case "Swahili":
return "Kiswahili";
case "Swedish":
return "Svenska";
case "Tagalog":
return "Tagalog";
case "Tajik":
return "Точик";
case "Tamil":
return "தமிழ்";
case "Telugu":
return "తెలుగు";
case "Thai":
return "ไทย";
case "Turkish":
return "Türk";
case "Turkmen":
return "türkmençe";
case "Ukrainian":
return "Українська";
case "Urdu":
return "اردو";
case "Uyghur":
return "ئۇيغۇر تىلى";
case "Uzbek":
return "O'Zbek";
case "Vietnamese":
return "TiếNg ViệT";
case "Welsh":
return "Cymraeg";
case "Xhosa":
return "Isixhosa";
case "Yiddish":
return "יידיש";
case "Yoruba":
return "Yoruba";
case "Zulu":
return "Isizulu";
}
}
,
@margaret 感谢您的回复。
但我最终使用了一个在元素加载后设置标签的函数。 调用该函数 onclick 下拉列表:
<div id="google_translate_element" onclick="foo();">
function foo(){
$("option[value='ar']").text("عربى (Arabic)");
$("option[value='fr']").text("Français (French)");
//.... so on
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。