有没有办法附加一个jQuery事件处理程序,以便处理程序在任何先前附加的事件处理程序之前触发?我遇到了
this article,但代码没有工作,因为事件处理程序不再存储在数组,这是他的代码期望的。我试图创建一个jQuery扩展来做我想要的,但这不工作(事件仍然按照他们绑定的顺序):
$.fn.extend({ bindFirst: function(type,handler) { var baseType = type; var dotIdx = type.indexOf('.'); if (dotIdx >= 0) { baseType = type.substr(0,dotIdx); } this.each(function() { var oldEvts = {}; var data = $.data(this); var events = data.events || data.__events__; var handlers = events[baseType]; for (var h in handlers) { if (handlers.hasOwnProperty(h)) { oldEvts[h] = handlers[h]; delete handlers[h]; // Also tried an unbind here,to no avail } } var self = $(this); self.bind(type,handler); for (var h in oldEvts) { if (oldEvts.hasOwnProperty(h)) { self.bind(baseType,oldEvts[h]); } } }); } });
是否有自然的方式重新排序事件处理?如果没有,你知道我可以应用的技术吗?我使用jQuery 1.4.1,但我会升级,如果我必须。
解决方法
这里有一个简单的插件我做了一回。让您将处理程序绑定到列表的开头。这是非常简单,我不能保证它适用于命名空间事件或任何可怕的幻想。
对于简单绑定单个或空格分隔的事件组,它应该工作。
$.fn.bindUp = function(type,fn) { type = type.split(/\s+/); this.each(function() { var len = type.length; while( len-- ) { $(this).bind(type[len],fn); var evt = $.data(this,'events')[type[len]]; evt.splice(0,evt.pop()); } }); };
或者,如果你想以一些其他方式操作处理程序数组,只是获取你想要的元素的处理程序,并操纵它,但你想要:
示例:http://jsfiddle.net/gbcUy/1/
var clickHandlers = $('img').data('events').click; clickHandlers.reverse(); // reverse the order of the Array