第一步:定义插件
第二步:调用插件 UI前端框架最新力作!有奖试读!
- $(function() {
- $.fn.插件名称 = function(options) {
- var defaults = {
- Event : "click", //触发响应事件
- msg : "Holle word!" //显示内容
- };
- var options = $.extend(defaults,options);
- var $this = $(this); //当然响应事件对象
- //功能代码部分
- //绑定事件
- $this.live(options.Event,function(e){
- alert(options.msg);
- });
- }
- });
第二步:调用插件 UI前端框架最新力作!有奖试读!
- $(function() {
- //绑定元素事件
- $("#test").插件名称({
- Event : "click", //触发响应事件
- msg : "插件原来就是这么简单!" //显示内容
- });
- });