附加jQuery事件处理程序,以便首先触发它们

前端之家收集整理的这篇文章主要介绍了附加jQuery事件处理程序,以便首先触发它们前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法附加一个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,但我会升级,如果我必须。

解决方法

这里有一个简单的插件我做了一回。让您将处理程序绑定到列表的开头。这是非常简单,我不能保证它适用于命名空间事件或任何可怕的幻想。

对于简单绑定单个或空格分隔的事件组,它应该工作。

示例:http://jsfiddle.net/gbcUy/

$.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

猜你在找的jQuery相关文章