0

这是我的查询代码

function translateTo(lang) {
    if (TRAINER_MULTILANG > 0) {
        $.getScript("js/lang/trainer.lang."+lang+".js")
            .done(function(script,textStatus) {
                pushLang(I18N);
                TRAINER_CURRENT_LANG = lang;
            })
            .fail(function( jqxhr, settings, exception ) {
                console.log("[i18n] Failed to load langfile. Loading default () instead...");
                $.getScript("js/lang/trainer.lang."+TRAINER_DEFAULT_LANG+".js")
                    .done(function(script,textStatus) {
                        pushLang(I18N);
                        TRAINER_CURRENT_LANG = TRAINER_DEFAULT_LANG;
                    });
            });
    } else {
        $.getScript("js/lang/trainer.lang."+TRAINER_DEFAULT_LANG+".js")
            .done(function(script,textStatus) {
                pushLang(I18N);
            });
    }
}
function pushLang(data) {
    $('[data-i18n="true"]').each(function (e) {
        $(this).html(data[$(this).html()]);
    });
}

我的 html 看起来像：

<span data-i18n="true">LANT_LANG_CONSTANT1</span>
<span data-i18n="true">LANT_LANG_CONSTANT2</span>

和 js/lang/trainer.lang... 文件看起来像：

var I18N = {
    LANT_LANG_CONSTANT1:  'etc'
}

问题是我的函数 translateTo 只工作一次，就在包含这个函数的 js 文件之后，之前 . 只有当我重新更新内容时，文本才会更改。有没有可能做点什么？

4

1 回答 1

2

问题是您的 lang 常量 html 字符串被翻译后的文本替换。如果将常量保存在数据属性中，则可以解决该问题。所以：

<span data-i18n="true" data-constant="LANT_LANG_CONSTANT1"></span>
<span data-i18n="true" data-constant="LANT_LANG_CONSTANT2"></span>

然后在你的 pushLang 中：

function pushLang(data) {
    $('[data-i18n="true"]').each(function (e) {
        $(this).html(data[$(this).data('constant')]);
    });
}

编辑：

如果您不想更改所有 html 常量，可以在第一次调用 pushLang 时将常量保存到数据对象中：

function pushLang(data) {
    $('[data-i18n="true"]').each(function (e) {
        if(!$(this).data('constant')){
             $(this).data('constant', $(this).html());
        }

        $(this).html(data[$(this).data('constant')]);
    });
}
于 2013-10-08T16:05:47.930 回答