old_handler.apply(this, arguments);
}
if ($.isFunction(handleObj)) {
old_handler = handleObj;
return new_handler;
} else {
old_handler = handleObj.handler;
handleObj.handler = new_handler;
}
}
};
function loopy() {
timeout_id = window[str_setTimeout](function() {
elems.each(function() {
var elem = $(this),
width = elem.width(),
height = elem.height(),
data = $.data(this, str_data);
if (width !== data.w || height !== data.h) {
elem.trigger(str_resize, [data.w = width, data.h = height]);
}
});
loopy();
}, jq_resize[str_delay]);
}
})(jQuery, this);
jQuery为jQuery插件的开发者提供了添加自定义事件的接口，详细可以参考jQuery官方文档，这里就是典型的jQuery自定义事件添加方式，其中有三个钩子：
1. setup：The setup hook is called the first time an event of a particular type is attached to an element.首次绑定时执行，如果返回 false，使用默认方式绑定事件
2. teardown：The teardown hook is called when the final event of a particular type is removed from an element.若指定该方法，其在移除事件处理程序(removeEventListener)前执行，如果返回 false，移除默认绑定事件
3. add：Each time an event handler is added to an element through an API such as .on(), jQuery calls this hook.每一次给元素绑定事件，都会执行这个方法
setup、teardown和add三个钩子，每个钩子最先做的事都是检测是否该对象为window对象，然后根据window对象特殊处理，因为window对象本身有resize事件
从setup钩子可以看到，在初始化整个事件处理时，创建一个元素队列，队列中的每隔元素都把width和height放在data中，然后每隔250ms启动loopy函数，在loopy函数中判断是否变化，如果有变，触发回调函数并更新data中的width和height
从teardown钩子可以看到，在元素移除事件时，只需要将元素从元素队列移除，并清除元素中的data数据。如果是元素队列中的最后一个元素，则不再继续执行loopy
add钩子中，对回调函数进行了包装
由此可以看到一个简单的jQuery自定义函数的实现机制
