jQuery .trigger()多个事件

Question

我正在编写一个jQuery插件，并使用.on和.trigger作为我的发布/订阅系统。但是，我想在不同的场景中触发多个事件。

这是否可以像.on方法那样作为一个字符串来执行？

目标：

$this.trigger("success next etc");    // doesn't work

当前解决方案：

$this
    .trigger("success")
    .trigger("next")
    .trigger("etc");                  // works, triggers all three events

有什么建议吗？

Answer 1

JQuery本身不支持触发多个事件，但是您可以编写自定义扩展方法triggerAll

(function($) {
    $.fn.extend({
        triggerAll: function (events, params) {
            var el = this, i, evts = events.split(' ');
            for (i = 0; i < evts.length; i += 1) {
                el.trigger(evts[i], params);
            }
            return el;
        }
    });
})(jQuery);

并将其命名为：

$this.triggerAll("success next etc");

Answer 2

你所拥有的一切都很好。不能使用逗号分隔的列表触发多个事件。trigger()构造函数只接受一个事件名称和可选的附加参数来传递给事件处理程序。

另一种方法是触发附加到一个元素的所有事件，但是，如果您需要在不同的数据源中触发特定事件，则这可能无法满足您的需求：

$.each($this.data('events'), function(k, v) {
    $this.trigger(k);
});​

Answer 3

为了防止其他人在以后的生活中遇到这个问题，我通过创建一个自定义的jQuery函数解决了这个问题。

$.fn.triggerMultiple    =   function(list){
    return this.each(function(){
        var $this = $(this); // cache target

        $.each(list.split(" "), function(k, v){ // split string and loop through params
            $this.trigger(v); // trigger each passed param
        });
    });
};

$this.triggerMultiple("success next etc"); // triggers each event