如何配置Irrelon的jquery-lang-js以动态切换语言？

问题描述 投票：0回答：1

我正在尝试配置并使用jquery-lang-js插件将翻译动态地包含到我的网页中。

我做了以下事情：

1）我将jquery-lang-js的脚本包含在HTML文件的<head>中：

included the jquery-lang-js' scripts in the <head> of the HTML file

2）与上述相同：

idem

3）我向要翻译的元素添加了lang属性：

added the lang attribute

4）我创建了一个新的语言包（一个JSON文件）：

I created a new language pack (a JSON file)

5）JSON文件是<head>中脚本路径中包含的文件：the JSON file is the one included in the script above

6）我添加了一个下拉按钮来翻译​​网页：

added the lang attribute

7）我想在按下按钮后调用语言包（我的JSON文件）：

enter image description here

我的方向错误吗？我应该如何设置jquery-lang-js插件以立即在客户端切换内容语言？

javascript jquery dynamic translation lang
1个回答
-1
投票
//Language Translations
var lang = new Lang();
lang.dynamic('kin', '/Assets/app/langpack/kin.json');
lang.dynamic('hbs', '/Assets/app/langpack/hbs.json');
lang.dynamic('fra', '/Assets/app/langpack/fra.json');
lang.dynamic('sqi', '/Assets/app/langpack/sqi.json');
lang.dynamic('mdk', '/Assets/app/langpack/mdk.json');

lang.init({
    defaultLang: 'eng'
});
function myLangSelection(lng) {
    console.info(lng, currentPage, Cookies.get('langCookie'));
    window.lang.change(lng);
    switch (lng) {
        case "hbs":
            document.getElementById("btnCurLang").innerHTML = 'bosanski, hrvatski ili srpski';
            $('#languagesel').foundation('close');
            break;
        case "fra":
            document.getElementById("btnCurLang").innerHTML = 'Français';
            $('#languagesel').foundation('close');
            break;
        case "kin":
            document.getElementById("btnCurLang").innerHTML = 'Kinyarwanda';
            $('#languagesel').foundation('close');
            break;
        case "sqi":
            document.getElementById("btnCurLang").innerHTML = 'Shqip';
            $('#languagesel').foundation('close');
            break;
        case "mdk":
            document.getElementById("btnCurLang").innerHTML = 'македонски';
            $('#languagesel').foundation('close');
            break;
        default:
            document.getElementById("btnCurLang").innerHTML = 'English';
            $('#languagesel').foundation('close');
    }
}
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.