多HTML页面下i18next切换语言后跳转失效问题求助

我之前也碰到过一模一样的问题！单页翻译正常，但跳去其他页面就自动回到默认语言，用sessionStorage确实是个简单有效的解决方案，下面是具体的实现步骤：

步骤1：修改语言切换函数，把选中的语言存到sessionStorage #

在你的changeLanguageManual函数里，切换语言后顺便把选中的语言写入sessionStorage，这样用户的语言选择就能被记录下来：

function changeLanguageManual(lang) { 
  if (lang) { 
    i18next.changeLanguage(lang); 
    // 将选中的语言保存到sessionStorage中
    sessionStorage.setItem('selectedLanguage', lang);
  } 
  jqueryI18next.init(i18next, $); 
  $('body').localize(); 
}

步骤2：页面初始化时读取sessionStorage里的语言 #

在i18next的初始化代码里，优先从sessionStorage读取之前保存的语言；如果没有（比如用户第一次访问网站），就用默认语言。这样每次打开新页面时，都会自动加载用户之前选中的语言：

// 先尝试从sessionStorage获取保存的语言，没有则使用默认语言（这里假设默认是'en'）
const savedLanguage = sessionStorage.getItem('selectedLanguage') || 'en';

// 初始化i18next
i18next.init({
  lng: savedLanguage, // 设置初始语言为保存的语言
  fallbackLng: 'en', // 当保存的语言不存在时，回退到默认语言
  // 你的其他i18next配置（比如资源文件路径等）
}, (err, t) => {
  if (err) {
    console.error('i18next初始化失败:', err);
    return;
  }
  // 初始化jquery-i18next并翻译页面内容
  jqueryI18next.init(i18next, $);
  $('body').localize();
});

补充说明：sessionStorage vs localStorage #

sessionStorage的特点是在同一个浏览器会话（标签页）内保留数据，页面跳转、刷新都不会丢失，但关闭标签页后数据会被清空。如果需要让用户关闭浏览器再打开也保留语言选择，可以把sessionStorage换成localStorage，用法完全一样。

这样修改后，用户切换语言后跳转到其他页面，选中的语言就会被保留下来，不会恢复默认啦！

内容的提问来源于stack exchange，提问作者Kalvis