一、引入相關插件的js
<!-- jQuery -->
<script src="static/assets/jQuery/jquery-1.12.4.min.js"></script>
<!--國際化-->
<script src="static/assets/jquery.i18n.properties/jquery.i18n.properties.js" type="text/javascript"></script>
二、結合我實際的項目來說
我首頁除了引入項目中需要用的插件,還引入了common.js文件,這個js文件主要是獲取文件路徑,和後面轉換國際化文件中的key相關方法的。
把漢字轉化爲其他語言就需要定義key然後運用i18n轉化爲用戶選擇的語言形式的內容;我們需要定義英文、中文、繁體字properties文件,具體如下:
相關語言資源文件弄好了之後,html頁面中對我們需要轉化的文字部分進行下面改造(html中文字部分我是統一外層包了一個span標籤,每個span標籤給統一的屬性data-properties和 data-type屬性,
data-properties的值就是我們在上面國際化properties文件中定義好的屬性key;
另外我定義了data-type屬性,主要是用來處理如果需要轉化的標籤本身是html則就應該是$(***).html(i18n轉換);如果是title就應該是$(***).attr("title","i18n轉換")....主要是用來轉化值的時候判斷使用;
下面是部分相關的代碼截圖,我的資源內上傳了具體的完整的文件包,如有需要可以下載下來看看,我自己本地已經測試過了,不懂得可以留言!