如何使用 jquery-i18n-properties 和 JavaScript 动态更改语言?

2022-01-18 00:00:00 internationalization jquery javascript html

我正在使用 jquery-i18n-properties 插件向我的网站提供 i18n.我已经更改了我的 HTML 并执行以下操作以加载所需的 .properties:

I'm providing i18n to my website using jquery-i18n-properties plugin. I have already changed my HTML and do the following in order to load the .properties that is required:

jQuery.i18n.properties({
    name: 'Messages', 
    path: 'bundle/', 
    mode: 'both',
    language: lang, 
    callback: function() {
        $("#msg_welcome").text(jQuery.i18n.prop('msg_welcome'));
        ...
    }
});

一切正常.我现在要做的是允许用户按下按钮更改语言.有没有办法只使用 javascript 或这个插件而不重新加载页面?谢谢.

Everything works fine. What I want to do now is allow the user to change the language pressing a button. Is there a way to do it using only javascript or this plugin without reloading the page? Thanks.

推荐答案

是的，很简单.事实上，在 jQuery.i18n.properties 网站 (http://codingwithcoffee.com/files/trunk/index.html).

Yeah it's easy. In fact, there's example that does just that on jQuery.i18n.properties site (http://codingwithcoffee.com/files/trunk/index.html).

诀窍是用新语言简单地重新初始化插件.将您当前的代码抽象到另一个函数中，该函数接受 lang 作为参数.使用某种默认语言进行初始化，一旦用户更改了当前语言，就将其传递给该函数.

Trick is, to simply reinitialize plugin with new language. Abstract your current code into another function, that accepts lang as parameter. Initialize with some default language, and once user changes the current language, pass it to that function.

function changeLang(lang) {
    jQuery.i18n.properties({
        name: 'Messages', 
        path: 'bundle/', 
        mode: 'both',
        language: lang, 
        callback: function() {
            $("#msg_welcome").text(jQuery.i18n.prop('msg_welcome'));
            ...
        }
    });
}

// somewhere else in your code
// change to english
changeLang('en_EN');
// change to other
changeLang('pt_PT');

相关文章