Question

我正在尝试使用i18n的javascript库设置一个简单的动态页面。我正在使用他们的主页示例代码：

我无法根据下面概述的示例html，javascript和json代码加载概述的json数据。如果有一个步骤或我缺少的文件命名约定，请告诉我。

home.html的

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="../jquery.js" ></script>
    <script type="text/javascript" src="../i18next.js" ></script>
    <script type="text/javascript" src="script.js"></script>
  </head>
  <body>
    <ul class="nav">
      <li><a href="#" data-i18n="nav.home"></a></li>
      <li><a href="#" data-i18n="nav.page1"></a></li>
      <li><a href="#" data-i18n="nav.page2"></a></li>
    </ul>
    <p>Test Paragraph</p>
  </body>
</html>

的script.js

i18n.init(function(t) {
  // translate nav
  $(".nav").i18n();

  // programatical access
  var appName = t("app.name");
});

data.json

{
    "app": {
        "name": "i18next"
    },
    "nav": {
        "home": "Home",
        "page1": "Page One",
        "page2": "Page Two"
    }
}

任何建议都会有所帮助。

谢谢！

Answer 1

如果未配置，i18next将使用此架构加载资源：

locales/__lng__/__ns__.json

如果没有设置名称空间，它将使用翻译作为名称空间。因此，如果您将data.json重命名为translation.json并将其放入文件夹location / en（或您获得的任何语言），它应该可以正常工作。

有关初始化的更多信息，请点击此处 http://i18next.com/pages/doc_init.html

i18n Javascript设置

1 个答案: