<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQ国际化</title>
</head>
<body>
<select id="lang" class=" form-control">
<option value="zh">中文</option>
<option value="en">English</option>
</select>
<label data-i18n="username">用户名:</label><input type="text">
<label data-i18n="password">密码:</label><input type="password">
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- 加载语言包文件 -->
<script type="text/javascript" src="js/jquery.i18n.properties-min-1.0.9.js"></script>
<!--<script type="text/javascript">
loadProperties();
function loadProperties() {
jQuery.i18n.properties({ //加载资浏览器语言对应的资源文件
name: 'strings', //属性文件名 命名格式: 文件名_国家代号.properties
path: 'i18n/', //注意这里路径是你属性文件的所在文件夹
mode: 'map', //用Map的方式使用资源文件中的值
//language: 'zh', //国家代号 name+language刚好组成属性文件名:strings+zh -> strings_zh.properties
//删除则自动选择浏览器语言
callback: function() {
$("[data-i18n]").each(function() {
$(this).html($.i18n.prop($(this).data("i18n")));
});
}
});
}
</script>-->
<script>
$(function() {
if(!localStorage.currentLang) {
//本地存储当前选中语言
localStorage.currentLang = $('#lang option:selected').val();
} else {
//定义当前语言
var currLang = localStorage.currentLang;
$("#lang option[value=" + currLang + "]").attr("selected", true);
$("#lang").on('change', function() {
//存储当前选中的语言
localStorage.currentLang = $(this).children('option:selected').val();
//单页面可以注释
//刷新
location.reload();
loadProperties(localStorage.currentLang);
});
}
loadProperties(localStorage.currentLang)
});
function loadProperties(currentLang) {
switch(currentLang) {
case 'en':
langi18n = 'en';
break;
case 'zh':
langi18n = 'zh';
break;
default:
langi18n = 'zh';
}
jQuery.i18n.properties({ //加载资浏览器语言对应的资源文件
name: 'strings', //属性文件名 命名格式: 文件名_国家代号.properties
path: 'i18n/', //注意这里路径是你属性文件的所在文件夹
mode: 'map', //用Map的方式使用资源文件中的值
language: langi18n, //国家代号 name+language刚好组成属性文件名:strings+zh -> strings_zh.properties
//删除则自动选择浏览器语言
callback: function() {
$("[data-i18n]").each(function() {
$(this).html($.i18n.prop($(this).data("i18n")));
//特殊标签处理
$(this).attr('placeholder', $.i18n.prop($(this).attr('data-i18n')));
});
}
});
}
</script>
</body>
</html>
jquery i18n
1星 需积分: 12 73 浏览量
2018-02-09
16:27:01
上传
评论
收藏 44KB RAR 举报
蔚为-
- 粉丝: 0
- 资源: 1
最新资源
- 2023-04-06-项目笔记 - 第一百十五阶段 - 4.4.2.113全局变量的作用域-113 -2024.04.26
- 2023-04-06-项目笔记 - 第一百十五阶段 - 4.4.2.113全局变量的作用域-113 -2024.04.26
- htmlzwbjq_downyi.com.zip
- 无头单向非循环链表的实现(Test.c)
- 无头单向非循环链表的实现(SList.c)
- 浏览器重定向插件更新文件
- SSA-BP麻雀算法优化BP神经网络多特征分类预测(Matlab实现完整源码和数据)
- 粒子群算法优化BP神经网络PSO-BP的MATLAB代码(数值预测)
- 基于Springboot的一起看书平台.zip
- 无头单向非循环链表的实现(SList.h)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈