Question

我目前有一个Google翻译下拉菜单，仅用于6种不同的语言。此刻如下：

<div id="google_translate_element"></div>
<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({pageLanguage: 'en', 
        includedLanguages: 'ar,de,en,es,fr,it', layout: 
        google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 
        'google_translate_element');
    }
</script>
<script type="text/javascript" 
    src="//translate.google.com/translate_a/element.js
    cb=googleTranslateElementInit"></script>

我正在尝试更改此设置，以使其不再显示为下拉菜单，而是显示为内联标志，然后在单击每个标志时会以相关语言进行更新。

例如here

他们还使用Google翻译。

我试图查看他们为此添加的代码，包括javascript here，但我仍在努力使其正常工作。

如果有人可以提供帮助或提供任何建议，将不胜感激。

谢谢

要更新。 Google提供的脚本生成以下代码：

<div id="google_translate_element">
    <div class="skiptranslate goog-te-gadget" dir="ltr" style="">
        <div id=":0.targetLanguage" style="display: inline;">
            <select class="goog-te-combo" aria-label="Language Translate Widget">
                <option value="">Select Language</option>
                <option value="ar">Arabic</option>
                <option value="fr">French</option>
                <option value="de">German</option>
                <option value="it">Italian</option>
                <option value="es">Spanish</option>
            </select>
        </div>
    </div>
</div>

所以我需要使用jQuery，然后将这段代码更改为显示为li列表而不是选择。

任何人都可以帮忙吗

谢谢

Google翻译使用标志

0 个答案: