jquery.i18n.properties中英文切换,配合jquery.cookie使用

jquery.i18n下载地址github: https://github.com/jquery-i18n-properties/jquery-i18n-properties
jquery.cookie下载地址:http://plugins.jquery.com/cookie/
jquery.cookie使用教程: http://www.jb51.net/article/44557.htm

github上的不兼容ie8

一、建立三个文件夹
language.properties
language_en.properties
language_ch.properties

内容如下:
menu-person=个人中心
menu-index=首页
menu-approve=CIWM认证体系

二、在需要转换的标签里加上这个
data-i18n=”menu-what”

三、切换为英文

function changeEn(){
    $.cookie('language','en',{path:'/'});      //写入language=en,并且在根目录下保存cookie$('.en').addClass('cn-on');         //切换高亮$('.cn').removeClass('cn-on');$.i18n.properties({   //加载资浏览器语言对应的资源文件name:'language',  //资源文件的名称path: '../../i18n/',  //资源文件所在路径mode:'map',   //表示以Map的方式使用资源文件中的Keycache:'false',  //指定浏览器是否对资源文件进行缓存language : 'en',  //指定的语言编码encoding: 'UTF-8',  //加载资源文件时使用的编码。默认值为UTF-8callback: function() {
       //代码执行完成时运行的回调函数$("[data-i18n]").each(function(){
    $(this).html($.i18n.prop($(this).data("i18n")));});}});
}

四、切换为中文

//切换为中文
function changeZh(){
    $.cookie('language','zh',{ path:'/'});$('.cn').addClass('cn-on');$('.en').removeClass('cn-on');$.i18n.properties({   //加载资浏览器语言对应的资源文件name:'language',  //资源文件的名称path: '../../i18n/',  //资源文件所在路径mode:'map',   //表示以Map的方式使用资源文件中的Keycache:'false',  //指定浏览器是否对资源文件进行缓存language : 'zh',  //指定的语言编码encoding: 'UTF-8',  //加载资源文件时使用的编码。默认值为UTF-8callback: function() {
       //代码执行完成时运行的回调函数$("[data-i18n]").each(function(){
    $(this).html($.i18n.prop($(this).data("i18n")));});}});
}

五、读取cookie

/*读取cookie*/
function getCookie(){
    if($.cookie("language") == 'en'){changeEn();}else{changeZh();}
}