여러 청취자를위한 플러그인에서 jQuery 디스패치 이벤트

Question

jQuery 플러그인에서 이벤트를 디스패치하여 해당 이벤트에 대해 여러 청취자를 가질 수있는 방법을 찾고 있습니다. 필자는 공개 설정을 통해 나중에 리스너를 추가 할 수 있도록 자체에 대한 참조를 반환합니다.

지금까지 하나의 이벤트 핸들러, 예를 들면가 본 적이있는 유일한 예 :

$.fn.foo = function(options) { 
    ... 
    // trigger event 
    options.eventHandler(); 
} 

$('#bar').foo({ eventHandler: myEventHandler }) 

내가 할 무슨 일이 있었는지 내 유일한 옵션은, 간단하게 등록 된 이벤트 핸들러의 배열을 가지고 있고 각각의 호출 그 (것)들의, 또는 나는 더 나은 대안을 놓치고있다.

Answer 1

나는 생성자/옵션 개체에 배열을 던지면서 갈 것입니다. 이것은이 일반적으로 어떻게하는지입니다 :

$("").plugIn(
{ 
    prop: "value", 
    foo: "bar", 
    eventsToFire: [ 
     function() { }, 
     function() { }, 
     function() { } 
    ] 
}); 

그리고 플러그인이의 라인을 따라 뭔가 할 것 :

당신이 컬렉션 실행하도록되어 플러그인을 작성하는 가정을.

jQuery.fn.plugIn = function (options) 
{ 
    return this.each(function() 
    { 
     var i = options.eventsToFire.length; 

     while (i--) options.eventsToFire[i](); 
    }); 
}; 

Answer 2

왜 배열을 사용하지 않고 루프합니까? 아래 코드는 배열과 단일 이벤트 처리기를 모두 허용합니다.

$.fn.foo = function(options) { 
    ... 
    // trigger event 
    if(typeof eventHandler == "Array"){ 
     for(var i=0; i<eventHandler.length; i++){ 
     options.eventHandler[i](); 
     } 
    }else{ 
     options.eventHandler(); 
    } 
} 

$('#bar').foo({ eventHandler: [myEventHandler, anotherEventHandler] })