我在我的应用程序中使用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)