jQuery创建自己的插件(自定义插件)的方法

2020-05-17 06:27:09易采站长站整理

});



在结束之前,关于 NumberFormatter 插件还有几件事情需要指出。首先,该插件是第一个 1.0.0 发行版,因此我希望将来进行扩展,包含更多 Java DecimalFormatter 中的格式化功能。包括支持货币、科学计数法和百分比。它还对负数和正数包含不同的格式化规则,负数不是简单的 “-”(例如,对负数使用 (5,000),在会计中是这样做的)。最后,一个好的格式器应该支持格式中的任何字符,而仅它忽略不属于保留字符的部分。这都是我近期想添加的功能,希望该插件变得更加健壮。


获取用户的语言环境


最后一个问题与 jQuery 无关,但是使用该插件时可能会出现 —— 如何获取用户的语言环境?这个问题提得很好,因为目前使用 JavaScript 没有办法获取该信息。您需要创建一个 JavaScript Bridge 来实现该目的。什么是 JavaScript Bridge?我的意思是您可以建立一个简单的设计模式将值从服务器端代码传入 JavaScript 代码。清单 10 展示了您可以使用 Java 在 JSP 页面做到这一点。


 


 

清单 10. 获取用户的语言环境





<%

 


// 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 测试该插件,您应该将其作为一个兼容版本包含在内。花一些时间为插件写一个好标题以及一个好的描述。毕竟,现在是向其他用户推销该插件的时候了,您需要让自己与众不同。尽量讲出该插件的好处。