jQuery .trigger() múltiples eventos

Question

Estoy escribiendo un plugin jQuery y usando .on y .trigger como mi sistema pub/sub. Sin embargo, quiero activar múltiples eventos en diferentes escenarios.

¿Es posible hacer esto como una sola cuerda, como el método .on?

Objetivo:

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

solución actual:

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

¿Alguna sugerencia?

Answer 1

jQuery en sí no es compatible con múltiples eventos de activación, sin embargo se podría escribir método de extensión personalizada 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); 

y llamarlo como siguiente:

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

Answer 2

Lo que tiene está bien ... no puede desencadenar múltiples eventos utilizando una lista separada por comas. El constructor trigger() solo toma un nombre de evento y parámetros adicionales opcionales para pasar al manejador de eventos.

Un alterternative sería para activar todos los eventos asociados a un elemento, sin embargo, esto no puede satisfacer sus necesidades si es necesario para activar eventos específicos en diferentes senarios:

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

Answer 3

por si alguien tropieza demás sobre esta pregunta más adelante en la vida, resolví esto creando una función jQuery personalizada.

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

Answer 4

Dado que, no lo creo Tengo el privilegio de comentar, por lo que me gustaría señalar que $this.data('events') doesn't work, la función de uso interno tiene que ser utilizado. $._data($this[0], 'events')