小编bar*_*ito的帖子

无法让 i18n 运行

我正在使用 HTML5 和 CSS 创建一个网站,而不是使用 CMS。我的下一个目标是用多种语言制作网站,所以我搜索并找到了许多图书馆。我是新手,我选择了最简单的一个或者有更多评论、例子的那个......

所以我选择了 i18next,但我也尝试了 i18n、i18next.amd ......现在我被卡住了,因为我正在学习一些教程并且无法完成这项工作......每次我收到这个错误

未捕获的 ReferenceError: i18n 未定义

所以我创建了一个空项目来完成这项工作并学习如何去做。这个新项目真的很轻。结构是:

  • 索引.html
  • 语言环境
      • 翻译.json
    • es
      • 翻译.json
    • 默认
      • 翻译.json
  • js
    • jquery.min.js
    • i18next.min.js

<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)

html javascript json internationalization i18next

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

html ×1

i18next ×1

internationalization ×1

javascript ×1

json ×1