jquery-i18next – 用法,按用户更改语言,从文件加载翻译

我修改了sample.html,我添加了两个语言资源(de,fr),当我更改脚本中的“lng”值时,它工作正常.

i18next.init({
        lng: 'de',resources: {
          en: {
            translation: {
              nav: {
                page1: 'Page One',page2: 'Page Two',page3: 'Page Three'
              }
            }
          },de: {
            translation: {
              nav: {
                page1: 'Seite Eins',page2: 'Seite Zwei',page3: 'Seite Drei'
              }
            }
          },fr: {
            translation: {
              nav: {
                page1: 'Page Un',page2: 'Page Deux',page3: 'Page Trois'
              }
            }
          }
        }
      },function(err,t) {
        i18nextJquery.init(i18next,$);
        $('.nav').localize();
      });

<script src="https://cdnjs.cloudFlare.com/ajax/libs/jquery-i18next/0.0.14/i18next-jquery.min.js"></script>
<script src="https://cdnjs.cloudFlare.com/ajax/libs/i18next/2.0.22/i18next.min.js"></script>
<script src="https://cdnjs.cloudFlare.com/ajax/libs/jquery/2.2.0/jquery.js"></script>
<ul class="nav">
  <li><a href="#" data-i18n="nav.page1"></a></li>
  <li><a href="#" data-i18n="nav.page2"></a></li>
  <li><a href="#" data-i18n="nav.page3"></a></li>
</ul>

根据文档,插件初始化使用：

jqueryI18next.init(i18nexTinstance,$,{...

此外,如果我从repository加载jquery-i18next.min.js它根本不起作用,我只能看到列表项点.

我基本上想要实现的是：

>使用锚链接(en / de / fr)更改语言,而无需重新加载整个页面.
>从文件加载翻译.我根据带有子文件夹(en / de / fr)的语言环境中的文档保存了三个translation.json文件,但没有任何成功,只有列表项目点可见！