select2 with formatNoMatches button event

Question

Целью здесь я хотел бы прикрепить отличный модем к этой кнопке .md-trigger, динамически созданной select2. Моя проблема заключается в том, как я должен запускать ее из 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>"; 
    } 
});