我正在使用 HTML5 和 CSS 创建一个网站,而不是使用 CMS。我的下一个目标是用多种语言制作网站,所以我搜索并找到了许多图书馆。我是新手,我选择了最简单的一个或者有更多评论、例子的那个......
所以我选择了 i18next,但我也尝试了 i18n、i18next.amd ......现在我被卡住了,因为我正在学习一些教程并且无法完成这项工作......每次我收到这个错误
未捕获的 ReferenceError: i18n 未定义
所以我创建了一个空项目来完成这项工作并学习如何去做。这个新项目真的很轻。结构是:
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript" src="js/i18next.min.js" ></script>
<script type="text/javascript">
var options ={
lng: "en" ,
resGetPath: './../locales/__lng__/__ns__.json'
};
i18n.init(options, function(t) {
$(".nav").i18n();
});
</script>
<ul class="nav">
<li><a href="#" data-i18n="nav.home">asd</a></li>
<li><a href="#" data-i18n="nav.page1">asd</a></li>
<li><a href="#" data-i18n="nav.page2">asd</a></li>
</ul>
</body>
</html>Run Code Online (Sandbox Code Playgroud)
所有的 JSON 文件都是这样的:
{
"app": {
"name": "i18next"
}, …Run Code Online (Sandbox Code Playgroud)