jQuery多种语言切换器js

时间:2018-08-01 19:26:15

标签: javascript jquery html plugins

我受苦是因为我无法更改网页的语言,我正在使用jquery.polyglot.language.switcher.js中的插件,但找不到文档,我也遵循了作者,它不起作用,¿您能帮我吗?我添加代码

<script>
    $(document).ready(function(){
        $(document).on('click','#inputPlace',function(e){
            var optionList = '';
            $('#appendData').html('<select id="selectionList" class="form-control"></select>');
            optionList = '<option value="1">Movies</option><option value="2">Music</option><option value="3">Entertainment</option>';
            $('#selectionList').html(optionList);
        })
    });
</script>

JS代码

<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>

一切正常,作者在custom.js中提到了该代码,因此我必须在其中放置一些内容,但我不知道在哪里

1 个答案:

答案 0 :(得分:0)

我在jsfiddle中编写了它,这是使用此js插件的方法,在带有脚本标签或javascript文件的html页面中添加以下代码行:

    $(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中:

<script src="https://trampolim.com.br/assets/Polyglot-Language-Switcher-master/js/jquery.polyglot.language.switcher.js" type="text/javascript"></script>