jQuery EasyUI 国际化

本文介绍了一种自定义jQuery国际化插件的方法,通过创建jquery.international.js插件实现页面元素颜色等样式的多语言配置,并展示了如何在不同语言环境下设置变量值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、自定义jquery国际化插件jquery.international.js,用来初始化国际化用到的变量

 

// plugin definition    
$.fn.international = function(options) {    
  // Extend our default options with those provided.    
  // Note that the first arg to extend is an empty object -    
  // this is to keep from overriding our "defaults" object.    
  var opts = $.extend({}, $.fn.international.defaults, options);    
  // Our plugin implementation code goes here.    
};    
// plugin defaults - added as a property on our plugin function    
$.fn.international.defaults = {    
  foreground: 'red',    
  background: 'yellow'    
};  
 

 

2、引入第一步的文件

 

<script src="<%=request.getContextPath()%>/js/jquery-easyui-1.2.6/plugins/jquery.international.js" charset="UTF-8" type="text/javascript"></script>
 

 

 3、分别在中文和英文语言包中设置变量的值

easyui-lang-zh_CN.js

 

$.fn.international.defaults.foreground="红色";

 

 easyui-lang-en.js

 

$.fn.international.defaults.foreground="red";
 

4、动态引入语言包文件,见我的上一篇博客

 

 jQuery动态加载js,设置cookie

######################################## jQuery EasyUI 1.5.2 版中文版开发工具包 EasyUI Development Toolkit Build 1 说明文档 Version 1.2 ######################################## 注意:本开发包欢迎转载,但是请完整保留该文档及开发包目录结构,谢谢! 【一.开发包组成】 jquery-easyui-1.5.2 │ ├demo:easyui普通网页演示页面代码库(可以从中参考很多组件的用法,是个非常好用的demo库。) │ ├demo-mobile:easyui手机端网页演示页面代码库(可以从中参考很多组件的用法,是个非常好用的demo库。) │ ├docs:easyui中文API文档【PDF、EXE和CHM版】(该文档系本人原创翻译制作。) │ ├extension:easyui第三方插件库(里面会收录官方提供以及第三方提供的各类优秀插件,每个插件的用法最终都会体现到API文档当中。) │ ├locale:easyui国际化资源文件库(需要用到国际化的时候就需要在页面中引用该包路径下的文件。) │ ├plugins:easyui核心功能组件分解后的独立插件库(需要配合easyloader.js一起使用。) │ ├src:easyui部分非核心组件的源代码库(核心大组件的源代码并未公布,比如datagrid、combo和tree等。) │ ├themes:easyui的皮肤库(皮肤库中会收录所有网上能找得到的皮肤,所以大家不用再去自己乱搜了。) │ ├changelog.txt:easyui版本官方更新日志文件[英文版](该文件内容可以参考API当中的更新说明。) │ ├easyloader.js:easyui组件加载器(easyui提供了2种组件加载方式,这就是其中一种,当使用该方式的时候可以不必引入jquery.easyui.min.js文件,具体用法请参看api文档。) │ ├jquery.easyui.min.js:easyui的完整组件包文件(当使用了该文件的时候就可以不必引入easyloader.js文件,具体用法请参考官方demo或api文档。) │ ├jquery.min.js:jQuery框架库文件,该版本的jQuery库提供的是最新的1.11.1版,能够支持IE6、7、8。 │ ├licence_gpl.txt:GNU开源协议文档。 │ └readme.txt:官方的说明,主要告诉你你可以购买商业版来获得完整源代码以及官方的支持。 【二.开发包说明】   本开发包是为了方便大家日常开发使用的,特别是在离线或断网环境下可以以最快、最便捷的方式找到自己需要的东西。由于本包是发布的第一个版本,所以东西固然会不全面,在后续版本中会逐步加入并完善,以解决大家的后顾之忧。如果你也有什么好的扩展可以推荐给大家的话,大家可以用邮件的形式将扩展以及相关的API说明发送给我,我会在测试确认之后打包到下一个版本的扩展库中。我的邮箱是:richie696@163.com 【三.版本说明】   本开发包的大版本更新将会同步EasyUI版本更新,当在同一个easyui版本中间有2次或者更多更新版本的时候,会更改开发包的build版本,比如首个版本是jquery-easyui-EDT-1.5.2-build1,那第二个版本就是jquery-easyui-EDT-1.5.2-build2,以此类推。每次更新都会附上详细的更新说明。 【四.其它杂谈】   另外,建议Javascript基础不是太好的同学去找些书籍看看,书籍有很多,不过我只看过Javascript高级编程,现在应该已经出到第三版了,个人感觉挺好的,有需要的同学可以度娘一下!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值