0

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

http://i18next.com/index.html

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

主页.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>

脚本.js

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

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

数据.json

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

任何的意见都将会有帮助。

谢谢！

4

1 回答 1

2

如果未配置 i18next 将使用此模式加载资源：

locales/__lng__/__ns__.json

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

更多关于初始化的信息可以在这里找到 http://i18next.com/pages/doc_init.html

于 2013-06-19T11:59:03.833 回答