select2 with formatNoMatches button事件

Question

这里的目标是我想附加一个漂亮的模态到由select2动态创建的.md-trigger按钮。我的问题是我应该如何从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>"; 
    } 
});