小编har*_*rsh的帖子

如何使用i18next插件切换语言?

我在我的应用程序中使用Backbone.js,在我的应用程序中使用i18next插件作为语言切换功能.当我将值传递给函数调用中的lng选项时init,它会正确翻译我的页面.

现在我想通过语言选择器动态执行此操作.我有<select> 四种语言,我想将所选语言的值传递给lnginit函数的选项.

这是我的代码:

HTML

<div class="col-xs-6>
    <select class="form-control language-selector">
        <option value="de">Deutsch</option>
        <option value="en">English</option>
        <option value="fr">Français</option>
        <option value="it">Italiano</option>
    </select>
</div>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

i18next.init({
        debug: true,
        languages: ['de','en','fr','it'],
        lng: 'de',  
        fallbackLng: false,
        load: 'current',
        resources: resBundle
    }, function(err, t){

});

'change .language-selector': function(e){
    e.preventDefault();
    i18next.setLng($(e.target).val(), (err, t) => {
        console.log(arguments);
        this.render();
    });
}
Run Code Online (Sandbox Code Playgroud)

javascript language-switching backbone.js i18next

8
推荐指数
1
解决办法
8413
查看次数