Javascript i18next不起作用_Javascript_Html_I18next

Javascript i18next不起作用

javascript html

Javascript i18next不起作用,javascript,html,i18next,Javascript,Html,I18next,我正在使用phonegap，我需要i18n对这个应用程序的支持，所以我最终选择了i18next。下面是我的示例代码，但i18next失败了，有人能帮我吗？我得到的输出只是一个名为“nav.home”、“nav.page1”、“nav.page2”的链接列表。此外，此HTML5示例代码仅在Chrome中有效，而在Mozilla中无效 //HTML code <!DOCTYPE html> <html> <head> <meta http-equiv="

我正在使用phonegap，我需要i18n对这个应用程序的支持，所以我最终选择了i18next。下面是我的示例代码，但i18next失败了，有人能帮我吗？我得到的输出只是一个名为“nav.home”、“nav.page1”、“nav.page2”的链接列表。此外，此HTML5示例代码仅在Chrome中有效，而在Mozilla中无效

//HTML code
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="i18next-1.6.3.js" ></script>
  <script type="text/javascript" src="translation.en.json" ></script>
  <script type="text/javascript" >
    $(document).ready(function(){
      i18n.init(function(t) {
        $(".nav").i18n();
        var appName = t("app.name");
      });
    });
  </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>
</body>
</html>

尝试这样做：

$(document).ready(function(){
    $.i18n.init({
        lng: 'en'
    }, function(t) {
        $(".nav").i18n();
        var appName = t("app.name");
    });
});

我想你错过了选项选词。我看到两件事：

英语语言环境应位于

locales/en/translation.json

您不必附加

.json

文件

部分

试试这个（因为我在手机上，所以没有正确测试）

//HTML代码
$（文档）.ready（函数（）{
i18n.init（{
resGetPath:“翻译._ulng__;.json”
}, 
功能（t）{
$（“.nav”）.i18n（）；
var appName=t（“app.name”）；
});
});

但我认为，按照亚尔说的做并重新排列到文件夹中会更正常。

不，即使将代码移到文件夹中，它也不起作用

$(document).ready(function(){
    $.i18n.init({
        lng: 'en'
    }, function(t) {
        $(".nav").i18n();
        var appName = t("app.name");
    });
});

//HTML code
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="i18next-1.6.3.js" ></script>
  <script type="text/javascript" >
    $(document).ready(function(){
      i18n.init({ 
        resGetPath: 'translation.__lng__.json' 
      }, 
      function(t) {
        $(".nav").i18n();
        var appName = t("app.name");
      });
    });
  </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>
</body>
</html>