// the request object is built into JSPs
// unfortunately, it's not any easier
// tested on FF, IE, Safari, Chrome
String locale = "us"; // or your default locale
String accLang = request.getHeader("Accept-Language");
if (accLang.length() > 5)
{
accLang = accLang.substring(0,5);
locale = accLang.substring(accLang.indexOf("-")+1);
}
%>
$(document).ready(function() {
// take advantage of the ability to override defaults by using the JavaScript
// Bridge here. Then your page can use the format() and parse() functions
// elsewhere in the page without modifying them for a user's locale.
$.fn.format.defaults.locale = "<%=locale%>";
$.fn.parse.defaults.locale = "<%=locale%>";
});
共享插件
最后,编写和测试插件都做完了。最后一步是与他人共享该插件,并将它上传到 jQuery 网站的插件存储库。
转到 jQuery 网站的插件页面,在左导航栏,单击 Login/Register 然后单击 Create New Account。如果已经有一个帐户,请登录;如果没有,则创建一个新帐户。 验证通过后,左导航将出现一些选项。其中有一个 “Add plug-in”。 导航插件创建页面。因为您只能使用 jQuery 1.2 测试该插件,您应该将其作为一个兼容版本包含在内。花一些时间为插件写一个好标题以及一个好的描述。毕竟,现在是向其他用户推销该插件的时候了,您需要让自己与众不同。尽量讲出该插件的好处。 该插件需要您提供插件主页。虽然您创建了插件,但很可能没有插件主页。幸运的是,如果您没有自己的服务器保存插件,Google 很乐于为开源项目提供空间。我选择在 Google Code 中放置该插件。要建立自己的 Google Code 项目,只需要访问 code.google.com 然后按照注册流程注册即可。 按下 Submit 之后您的插件就创建好了!恭喜,您的插件现在是 jQuery 插件社区的一部分了,您现在正式成为开源项目的贡献者之一。给自己一个 5 星评级以奖励自己吧!因为您值得!
结束语
在本文中,我主要介绍如何为 jQuery JavaScript 框架创建插件。我从头开始,构思了一个想法并将其付诸实现,介绍了创建该插件要使用的几个步骤。然后,我阅读了 jQuery “戒律”,它是为确保插件的一致性而设置的插件规则。我还在文章中提醒这些规则,因为我看到许多规则在插件中都没有得到遵守,尤其是只能在插件中使用 “jQuery” 而不是 “$”(当然,我遵守了该规则)。
介绍了插件的背景,以及编写插件的规则之后,您了解了基本的插件框架以及在插件中编写方法与编写函数的不同。方法应该在采用选定元素作为参数并对其执行某些操作时使用。提供页面元素的任务由调用方法的人负责。另一方面,函数应该在对选定元素不感兴趣时使用,因为您已经知道要执行操作的页面元素。提供页面元素的任务由编写该函数的开发人员负责。这两种形式的插件都是有效的,仅在在插件需求上有所不同。最后,查看设置默认选项的基本方式以及如何让用户提供自己的选项。
本文的下一步是为插件提供一些亮点,以增加它的先进性。该步骤给整个插件画上了句号,有效地创建了私有函数和公共函数。我创建了一些在插件内部调用的函数,以便插件外部的人无法调用它们。您还可以看到如何向插件用户展示默认值,让用户定义他们自己的默认值,轻松实现编码。
最后,在样例 web 应用程序中使用插件展示它的行为。本文的最后一部分是这些努力工作的最终成果 —— 您需要将插件上传到 jQuery 插件社区站点,让它成为 JavaScript 库的一部分。
您可能感兴趣的文章: