jQuery .trigger() wiele zdarzeń

Question

Piszę plugin jQuery i korzystania .on i .trigger jak mój pub/podsystemu. Jednak chcę wyzwalać wiele zdarzeń w różnych scenariuszach.

Czy to możliwe, aby zrobić jako jeden ciąg, podobnie jak metody .on?

Cel:

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

Aktualny rozwiązanie:

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

Wszelkie sugestie?

Answer 1

sama JQuery nie obsługuje wyzwalanie wiele zdarzeń, jednak można napisać niestandardowy sposób przedłużenie 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); 

i nazywają to jak następuje:

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

Answer 2

Co masz jest w porządku ... nie może wyzwolić wiele zdarzeń z wykorzystaniem listę oddzielonych przecinkami. Konstruktor trigger() pobiera tylko nazwę zdarzenia i opcjonalne dodatkowe parametry, które przekazują do obsługi zdarzenia.

alterternative byłoby wyzwolić wszystkie zdarzenia dołączone do elementu, to jednak nie może spełniać swoich potrzeb, jeśli trzeba wywołać konkretne zdarzenia w różnych senarios:

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

Answer 3

na wszelki wypadek ktoś inny natyka to pytanie w późniejszym życiu, rozwiązałem to, tworząc niestandardową funkcję 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 

Answer 4

Ponieważ nie mam mam przywilej komentowania, dlatego chciałbym zwrócić uwagę, że należy użyć funkcji wewnętrznego użytku. $._data($this[0], 'events')