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的方式使用资源文件中的Key
        cache:'false',  //指定浏览器是否对资源文件进行缓存
        language : 'en',  //指定的语言编码
        encoding: 'UTF-8',  //加载资源文件时使用的编码。默认值为UTF-8
        callback: 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的方式使用资源文件中的Key
        cache:'false',  //指定浏览器是否对资源文件进行缓存
        language : 'zh',  //指定的语言编码
        encoding: 'UTF-8',  //加载资源文件时使用的编码。默认值为UTF-8
        callback: function() {   //代码执行完成时运行的回调函数
            $("[data-i18n]").each(function(){
                $(this).html($.i18n.prop($(this).data("i18n")));
            });
        }
    });
}

五、读取cookie

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