首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >多语言切换器

多语言切换器
EN

Stack Overflow用户
提问于 2018-08-02 03:26:15
回答 1查看 515关注 0票数 0

我很痛苦,因为我不能改变网页的语言,我正在使用jquery.polyglot.language.switcher.js插件,但我找不到文档,我也遵循了作者的教程,它不起作用,你能帮助我吗?我添加了代码

代码语言:javascript
复制
<div class="language-switcher float-right">
   <div id="polyglotLanguageSwitcher">
      <form action="#">
         <select id="polyglot-language-options">
            <option id="es" value="es" selected>Español</option>
            <option id="en" value="http://www.corporativovillamil.com/en/">English</option>
         </select>
      </form>
   </div>
</div>

JS代码

代码语言:javascript
复制
function languageSwitcher() {
    if ($("#polyglot-language-options").length) {
        $('#polyglotLanguageSwitcher').polyglotLanguageSwitcher({
            effect: 'slide',
            animSpeed: 500,
            testMode: true,
            onChange: function(evt) {
                alert("The selected language is: " + evt.selectedItem);
            }

        });
    };
}

一切都很好,作者提到了custom.js中的代码,所以我必须把一些东西放在那里,但我不知道放在哪里

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-02 05:55:47

我用jsfiddle写的,它是关于如何使用这个js插件的,在你的带有脚本标签或javascript文件的html页面中添加这行代码:

代码语言:javascript
复制
    $(document).ready(function languageSwitcher() {
if ($("#polyglot-language-options").length) {
    $('#polyglotLanguageSwitcher').polyglotLanguageSwitcher({
        effect: 'slide',
        animSpeed: 500,
        testMode: true,
        onChange: function(evt) {
            alert("The selected language is: " + evt.selectedItem);
        }

    });
}
});

您还需要将此插件引用添加到您的html:

代码语言:javascript
复制
<script src="https://trampolim.com.br/assets/Polyglot-Language-Switcher-master/js/jquery.polyglot.language.switcher.js" type="text/javascript"></script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51640934

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档