微软的jQuery国际化插件（3）
作者：scottgu 来源：博客堂 发布时间：2010-07-02 12:46:00
示例：用户动态选择一个区域设置
在前面的例子中，我们显式指定使用德语文化习惯（通过引用jQuery.glob.de-DE.js文件）。我们现在来看看动态设置文化习惯的几个例子。
比如说我们打算在页面上加一个包含所有350种文化的下拉框，当用户在下拉框里选择了一个文化，页面上所有的日期都按照这个文化的习惯显示。
这是网页的HTML源代码：
请留意所有包含了日期的<span>标签都有一个data-date属性（data-*属性是HTML 5里的新功能，同时在老的浏览器上也可以使用）。当用户在下拉框里选择了一个文化信息后，我们的代码将会格式化data-date属性里保存的日期。
为了显示所有可能的文化信息，我们要象下面这样添加一个叫jQuery.glob.all.js 的文件。
jQuery国际化插件里有一个叫做jQuery.glob.all.js的文件，这个文件包含了所有插件支持的350多种文化的国际化信息。即使经过最小化处理，还是有367k字节。由于文件很大，除非你的确需要一次性使用所有这些文化信息，我们建议你只添加所使用到的文化信息对应的JavaScript文件。下一个例子中，我会演示如何在网页中动态地加载某个语言对应的JavaScript文件。
下一步，把所有支持的文化名称添加到下拉框的列表里。可以用$.cultures这个属性获取它们：
最后，再写几行代码把每个span标签里的data-date属性的日期都抓出来并编排格式：
jQuery国际化插件里面的parseDate()函数将一个字符串的日期转换成JavaScript日期，而format()函数则用来编排这些日期的格式。“D”这个格式分类符说明使用长日期格式编排日期。
现在，只要页面浏览者选择这350种语言其中之一，内容都会被正确的国际化。你可以通过运行示例下载中的4_SelectCulture.htm文件来了解上述方法。
示例：动态加载国际化文件
在上一节说过,你应该尽量避免在页面中引用jQuery.glob.all.js文件, 因为它实在是太大了。相反，你可以动态地加载你所需要的国际化信息。
比如说，你要创建一个下拉列表显示下面这些语言：
下面的代码会在用户从下拉框中选择一个新的语言后执行。这段代码会先判断选中的语言对应的国际化脚本文件是否已经加载了。如果还没有加载，则使用jQuery的$.getScript()函数动态加载国际化脚本文件。
当国际化脚本文件被浏览器加载以后，就会调用globalizePage()函数，继而执行客户端的代码完成国际化。
这个方法的优点是可以让你避免加载整个jQuery.glob.all.js文件—只要加载使用到的文件，而且只加载一次。
示例下载中的5_Dynamic.htm文件演示了这个方法。
0
投稿猜你喜欢
- 本文详细描述使用Django 的ORM框架操作PostgreSQL数据库删除不生效问题的定位过程及解决方案，并总结使用ORM框架操作数据库不
- 当我们想指定每一层的学习率时：optim.SGD([ &
- 在大的互联网公司干技术的基本都会碰到测试、预发布、线上这种多套环境的，来实现测试和线上正式环境的隔离，这种情况下，就难免会碰到秀逗了把测试的
- 具体错误：UnicodeEncodeError: 'latin-1' codec can't encode char
- 1. 用SimpleITK读取dicom序列：import SimpleITK as sitkimport numpy as npimg_p
目前由于phantomjs已经不维护了，而新版的Chrome（59+）推出了Headless模式，对爬虫来说尤其是定时任务的爬虫截屏之类的是- 看了一段时间关于js原型的知识，js的扩展方法是基于原型的，如Array.prototype.XXXX就是给Array扩展XXX方法，然后数
- 目录1. 前言2. Echarts3. Pyecharts3-1 安装依赖3-2 拷贝
- 最近在用Pycharm学习Python的时候，总有两个地方感觉不是很舒服，比如调用方法的时候区分大小写（thread就不会出现Thread，
- 前言在我们的日常开发中, 常用的中间件有很多, 今天来讲一下怎么集成限流中间件, 它可以很好地用限制并发访问数来保护系统服务, 避免系统服务
- 前言Java 中最通用的日志模块莫过于 Log4j 了，在 python 中，也自带了 logging 模块，该模块的用法其实和 Log4j
- 数据库导入导出时总失败，错误信息如下： 正在验证 (错误) 消息 错误 0xc0202049: 数据流任务 1: 无法在只读列“ID”中插入
- 1.安装step1step 2 首先是更改安装地址，推荐安装在D盘，如果和我一样C盘容量大的话，也可以不改，直接点击【Next】😄step3
- 本文实例讲述了python判断一个集合是否包含了另外一个集合中所有项的方法。分享给大家供大家参考。具体如下：>>> L1
- 本文总结了input的各种使用方法，挺全面的1.取消按钮按下时的虚线框在input里添加属性值 hideFocus 或者 HideFocus
- 为了能够使用ERWin能够进行基于MySQL数据库的物理设计，可以采用以下方法步骤(假设你已经有了一个设计好的LOGICAL MODEL)：
- 起因因为一些事情，需要将域名解析为ip地址，想到Python作为万能语言，就用Python来实现这个功能代码import socketurl
- Date.prototype.format = function(format){ var o = { "M+" : t
- 本文实例讲述了Python异步操作MySQL。分享给大家供大家参考，具体如下：安装aiomysql依赖Python3.4+asyncioPy
- SQL Server： Sql代码 Select TOP N * From TABLE Order By NewID() NewID()函数
