JQuery國際化實現

JQuery國際化實現


1、插件
<script type="text/javascript" src="lib/jQuery/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="lib/jQuery/jquery.i18n.properties-min-1.0.9.js"></script>


jquery.i18n.properties的簡介請訪問：
http://www.ibm.com/developerworks/cn/web/1305_hezj_jqueryi18n/


2、資源文件
我的路徑 /res/strings/
strings_zh.properties    //中文
strings_en.properties    //英文
strings_de.properties    //德文
strings_other.properties //任意一國語言，針對海外本地化配置，只需要將該國的語言資源放入按照 app_clear=清除 的形式放入
//strings_other.properties文件中，並在步驟3中設置_appscope.lang='other'，調用setLang()方法即可加載strings_other.properties的資源。
3、讀取對應語言的資源文件
/** 設置語言 */
this.setLang=function() {
_appscope.resource = null;
// location.href="#init";
jQuery.i18n.properties({// 加載資瀏覽器語言對應的資源文件
name : 'strings', // 資源文件名稱
language : _appscope.lang, // 默認爲英文當改爲zh_CN時頁面顯示中文語言
path : 'res/strings/', // 資源文件路徑
mode : 'map', // 用 Map 的方式使用資源文件中的值
callback : function() {// 加載成功後設置顯示內容
_appscope.resource = $.i18n.map;
}
});
}


4、獲得字符串
_appscope.clear=_appscope.resource.app_clear;




總結：本人是在angularjs框架中結合JQuery在國際化方面的便利來實現web網頁的國際化。