triggers - 触发多事件

Question

我可以在trigger()中触发多个事件或在JQuery中链接它们吗!？例如:

$(element).trigger('event1 event2 event3');

或

$(element).trigger('event1').trigger('event2');

或

$(element).trigger('event1');
$(element).trigger('event2');

Answer 1

正如其他答案所指出的，最好的内置方法是:

$(element).trigger('event1').trigger('event2');

但是，我发现如果您到处这样做，一个简单的插件可以很好地清理它，允许使用空格分隔的语法(例如 other jQuery methods )。这是此类插件的一个简单示例:

$.fn.triggerAll = function(events) {
    if(!events) return this; //don't blow up if .triggerAll() without params
    var self = this;         //keep a reference
    $.each(events.split(" "), function(i, e) { self.trigger(e); });
    return this;
};

然后您可以使用空格分隔的事件名称来调用它，如下所示:

$(element).triggerAll('event1 event2 event3');

You can test it out here