0

i18n の JavaScript ライブラリを使用して、単純な動的ページを設定しようとしています。ここにあるホームページのサンプルコードを使用しています。

http://i18next.com/index.html

以下に概説するサンプルの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"
    }
}

どんな提案も役に立ちます。

ありがとう！

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 に答える