JQuery와 부트 스트랩 다중 선택 동적 바인딩 이벤트 처리기

Question

여기에서 JQuery와 부트 스트랩 다중 선택을 사용하고 있습니다 :

$("selector").multiselect(); 

.... 

$("selector").bind('onDropdownShown', function(event) { 
    ... 
} 

: https://github.com/davidstutz/bootstrap-multiselect

그것은 완벽하게 작동은하지만 다중 선택이 이미 초기화 된 후, 예를 들어, 동적으로 이벤트 처리기를 추가 할

플러그인 초기화 (1 행)에 이러한 핸들러를 추가 할 수 있지만 동적으로 다른 부분에서 코드를 수행하는 것이 중요합니다.

Answer 1

해결책을 직접 찾았습니다.

는의가 다중 선택 등의 방법을 초기화 보자

multiselectshow 사용자 지정 이벤트

$('selector').multiselect({ 
     onDropdownShow: function(event) { 
      $(event.currentTarget).trigger("multiselectshow", event); 
     } 
    }); 

는이 경우를 위해 특별히 선언했다.

그런 다음, 사용자 반응이 필요한 문서에,의는 이벤트 핸들러 선언하자

이

$(document).on("multiselectshow", function(event) { 
    console.log("Success!"); 
}); 

이 솔루션은 대한 사용자 지정 처리기를 구현 할 수 있습니다 어떤 플러그인에 내장 된 외부 초기화 라인이다의 이벤트 공식 문서 및 The Web에 설명 된 유일한 접근 방법의 대안입니다.