mui做国际化,实现多语言,使用的是JQuery,实现语言的替换
需要jquery-3.2.1.js和jquery.i18n.properties-min-1.0.9.js文件提供支持,稍候我提供一个demo,需要的朋友可以在里面找,
整个过程的国际化大致分为
第一步:
在页面中,
为需要替换的文字设置id
<h1 id="title" class="mui-title">标题</h1>
当然不要忘记引入此前提到的那两个包
第二步:
在页面中使用js设置语言,在其中language属性指定语言,通常可以通过
lang = (jQuery.i18n.browserLang().substring(0,2));检测浏览器当前语言环境
获取lang值,通常值有”zh”,”en”等
jQuery.i18n.properties({
name:'strings',
path:'i18n/',
mode:'map',
language:lang,
callback:function(){
$('#title').html($.i18n.prop('title'));
$('#changelanguage').html($.i18n.prop('change'));
}
});
自然还有一点,对应值是从哪里找到的
在i18n文件夹目录下,要有string_en.properties和string_zh.properties文件
第三步
https://github.com/flying632/i18ndemo 这是我github中这个项目的地址,大家又需要可以下