Super good! A lightweight internationalization (I18n) plug-in based on jQuery.

Create a new i18N folder in the project and place i18n_XX. json language files of different language versions in this folder. (You can also customize the beginning and end of file names such as baiducnlang.js, which in the following example starts with i18n_.)

Add i18N attributes to DOM structures where internationalization is required (value in I18N is the key in the language file, which can be customized) :

<div i18n="i18n.test">multi-language</div>
<div i18n="i18n.test2">internationalization</div>Copy the code

Then you just need to add content to the language file. For example, the Chinese language file is named i18n_cn.json, and the English language file is named i18n_en.json:

I18n_cn. Json:

{"i18n.test": "multilingual ", "i18n.test2":" internationalization "}Copy the code

The corresponding translation file i18n_en.json:

{
    "i18n.test": "multi-language",
    "i18n.test2": "internationalization"
}
Copy the code

Finally, execute the following method in the script to initialize the plug-in.

$("[i18n]").i18n({
    defaultLang: "en",
    filePath: "/i18n/",
    filePrefix: "i18n_",
    fileSuffix: "",
    forever: true.callback: function() {}});Copy the code

defaultLang: defaultLang,Copy the code

The default language name. The plugin will automatically splice filePrefix+defaultLang+fileSuffix together as the language file name.

filePrefix: "i18n_".Copy the code

This parameter specifies the prefix of the language file’s name.

• T-baby
• NiroDu