2013-06-18 71 views
0

我想用i18n的javascript庫設置一個簡單的動態頁面。我使用的在這裏找到了自己的主頁的代碼示例:i18n Javascript設置

http://i18next.com/index.html

我不能讓它加載概述JSON數據,根據樣本HTML,JavaScript和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" 
    } 
} 

任何建議將是有益的。

謝謝!

回答

2

如果未配置i18next將加載資源與這一模式:

locales/__lng__/__ns__.json 

如果沒有命名空間設置它會使用轉換爲命名空間。所以如果你將你的data.json重命名爲translation.json並將它放到文件夾location/en(或者你得到的任何語言),它應該可以工作。

更多的初始化可以在這裏找到 http://i18next.com/pages/doc_init.html

+0

感謝您的澄清。這工作完美。目前還不清楚,如果沒有先前聲明的路徑,默認的json文件必須在該確切的文件夾路徑中命名爲translation.json。 – preynolds