Question

jquery 插件里怎么写回调函数

Answer 1

$.fn.hoverDelay = function(options){
var defaults = {
self:$(this).css("padding"),
hoverDuring: 200,
outDuring: 200,
hoverEvent: function(){
},
outEvent: function(){
}
};
var sets = $.extend(defaults,options || {});
var hoverTimer, outTimer;
return $(this).each(function(){
var el = this;
$(this).hover(function(){
clearTimeout(outTimer);
hoverTimer = setTimeout(function(){
sets.hoverEvent.apply(el);
}, sets.hoverDuring);
},function(){
clearTimeout(hoverTimer);
outTimer = setTimeout(function(){
sets.outEvent.apply(el);
}, sets.outDuring);
});
});
}

$("a").hoverDelay({
hoverEvent: function(){
//这里怎么调用事件的参数， 当前触发对象又怎么调用呢？
$(this) //this就是每个a了
}
});