Я хочу использовать опцию интернационализации на своем веб-сайте jQuery Mobile и jQuery. Я попытался сгенерировать пример с документацией наhttp://i18next.com но, похоже, мне это не удалось. У кого-нибудь есть опыт работы с i18next?

Вот мой пример:

index.html:

Файлы перевода: /locales/de/translation.json

{
  "menu": {
    "surname": "Name:",
    "firstName": "Vorname:"
  },

  "headline": "Daten:",
  "headline_1": "Daten Allgemein:",
  "headline_2": "Daten Speziell:"
}

/locales/en/translation.json

/locales/dev/translation.json

{
  "menu": {
    "surname": "Name:",
    "firstName": "First Name:"
  },

  "headline": "Data:",
  "headline_1": "Daten Common:",
  "headline_2": "Daten Specific:"
}

/js/translation.js

$(document).ready(function(){
  language_complete = navigator.language.split("-");
  language = (language_complete[0]);
  console.log("Sprache (root): %s", language);

  i18n.init({ lng: language });
  i18n.init({ debug: true });
  $(".menu").i18n();
  $("headline").i18n();
});

Перевод для меню, которое я получаю "menu.name» вместо ожидаемогоНазвание:", За заголовок я не получаю перевод, но я ожидалДанные:" или же "Daten:».

Если я попробую следующий прямой вызов, я не получу перевод: i18n.t ("menu.surname», { значение по умолчанию: "Название:"});

Кто-нибудь знает в чем проблема? Или у кого-нибудь есть рабочий пример, который соответствует тому, что я пытаюсь сделать?