Question

jQuery 插件调用里面有一个 回调函数设置， 在这个回调函数里面能够调用一些什么事件的参数吗？

$.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(){
$(this).hover(function(){
clearTimeout(outTimer);
hoverTimer = setTimeout(sets.hoverEvent, sets.hoverDuring);
},function(){
clearTimeout(hoverTimer);
outTimer = setTimeout(sets.outEvent, sets.outDuring);
});
});
}

这是一个延时器 插件， 我应该在
$("a").hoverDelay({
hoverEvent: function(){
//这里怎么调用事件的参数， 当前触发对象又怎么调用呢？
}
});

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了
}
});