做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JQuery国际化插件jquery.i18n.js
来源:易助科技网浏览量:3收藏

简介

18n.js是一个基于jQuery的轻量级的国际化(i18n)插件。插件特定:

支持根据设置默认语言
支持切换语言
支持使用json文件存储翻译内容

可以根据用户自定义的不同语言版本的json文件,按需渲染网页上的语言,实现国际化。


使用

1.  引入文件

<script src="jquery.js"></script>
<script src="jquery.i18n.js"></script>


2.  HTML

在需要使用国际化功能的DOM结构处引入i18n属性(i18n中的value为语言文件中key,可自定义):

<div i18n="i18n.test">multi-language</div>
<div i18n="i18n.test2">internationalization</div>


3.  示例

注意!请在服务器端运行该程序。因为 XMLHttpRequest cannot load file:xxx。

只需在语言文件中增加内容。 例如中文版的语言文件命名为 i18n_cn.json,英文版的语言文件命名为 i18n_en.json:

{
"i18n.test": "多语言",
"i18n.test2": "国际化"
}

最后在脚本中执行如下方法,初始化该插件。  

$("[i18n]").i18n({
defaultLang: "en",
filePath: "/i18n/", //注意!要配置好语言文件的正确路径
filePrefix: "i18n_",
fileSuffix: "",
forever: true,
callback: function() {
}
});


相关链接

官方文档(英语):https://github.com/topics/i18n

GitHub 地址 :https://github.com/qor/i18n

Gitee 地址 :https://gitee.com/mirrors/jquery.i18n#https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FZOMAKE%2Fjquery.i18n%2Freleases