i18next 有多个 HTML 页

Question

我有一个网页，由许多 HTML 页面组成，这些页面与锚标记链接。对于此页面的翻译，我使用 i18next。在每个页面中，翻译似乎都有效，但问题是，在我更改语言并移至其他页面后，所选语言未应用，并再次设置为默认语言。我读过 sessionStorage，因为它可能会解决这个问题，但似乎无法实现它。用于切换语言的 js:

function changeLanguageManual (lang) {
if (lang) {
    i18next.changeLanguage(lang);

}
jqueryI18next.init(i18next, $);
$('body').localize();

}

基本上我想实现的是，当我导航到另一个内部 HTML 页面时，所选语言保持不变，并且未设置为默认语言。

Answer 1

i18next 的 API 文档声明 changeLanguage 是一个异步方法（returns 一个 Promise）。尝试在回调中调用 jQuery i18 init。

i18next.changeLanguage('en', (err, t) => {
    if (err) return console.log('something went wrong loading', err);
    jqueryI18next.init(i18next, $);
    $('body').localize();
});

i18next 有多个 HTML 页

i18next with multiple HTML pages

javascript

jquery

html

locale

i18next