select2 with formatNoMatches 버튼 이벤트

Question

여기 목표는 select2에 의해 동적으로 생성 된 .md 트리거 버튼에 간결한 모달을 부착하고 싶다는 것입니다. 내 문제는 select2에서 어떻게 트리거해야합니까, 내가 변경 이벤트를 시도했지만 작동하지 않았다.

$('.md-trigger').modalEffects(); 

$("#e11_2").select2({ 
     placeholder: "Type a Label", 
     multiple: false, 
     data: <?php echo $select_values; ?>, 
     formatNoMatches: function (term) {     
      return "No matches. <button class=\"btn btn-primary btn-flat md-trigger\" data-modal=\"form-primary\">Add a new label</button>"; 
     } 
    }); 

대단히 감사합니다.

덕분에,

Answer 1

당신은 "선택 2 오픈"이벤트를 사용할 수 있습니다

$('#e11_2').select2({ 
    placeholder: "Type a Label", 
    multiple: false, 
    data: <?php echo $select_values; ?>, 
    formatNoMatches: function (term) {     
     return "No matches. <button class=\"btn btn-primary btn-flat md-trigger\" data-modal=\"form-primary\">Add a new label</button>"; 
    } 
}).on('select2-open', function() { 
    $('#select2-drop').find('.md-trigger').modalEffects(); 
}); 

심지어 setTimeout() :

$('#e11_2').select2({ 
    placeholder: "Type a Label", 
    multiple: false, 
    data: <?php echo $select_values; ?>, 
    formatNoMatches: function (term) {     
     setTimeout(function() { 
      $('#select2-drop').find('.md-trigger').modalEffects(); 
     }, 0); 
     return "No matches. <button class=\"btn btn-primary btn-flat md-trigger\" data-modal=\"form-primary\">Add a new label</button>"; 
    } 
});