jQuery Bootstrap-Bestätigung auf dynamisch erstellte Schaltfläche

Question

Ich habe meinen Code unten, dass auf Schaltflächen funktioniert, die über reguläre HTML eingefügt wurden. Wenn ich die Schaltfläche jedoch dynamisch mit jQuery hinzufüge, funktioniert die Schaltfläche nicht. Ich habe versucht, dies aus einer früheren Stackoverflow-Antwort zu verwenden, aber ich kann es nicht zum Laufen bringen. Jede Hilfe wird geschätzt.

Die Antwort, die ich gefunden:

$(staticAncestors).on(eventName, dynamicChild, function() {}); 

Mein Code

$('.mini-admin').confirmation({ 
    placement: 'left', 
    onConfirm: function(event, element) { 
     var c = $(element).data('row'); 

     $.ajax({ 
      type: "POST", 
      url: "_scripts/deleteUser.php", 
      data: {c: c}, 
      context: document.body, 
      success: function(){ 
       $('#row_' + c).fadeOut(); 
       console.log('1'); 
      } 
     }); 
    }, 
    onCancel: function() { } 
}); 

Dieser Code auf dem zweiten Klick funktionieren wird, kann ich nicht herausfinden, wie es auf den ersten Klick arbeiten zu machen !

$('table.users-form').on('click', '.mini-admin', function() { 
    $('.mini-admin').confirmation({ 
     placement: 'left', 
     onConfirm: function(event, element) { 
      var c = $(element).data('row'); 

      $.ajax({ 
       type: "POST", 
       url: "_scripts/deleteUser.php", 
       data: {c: c}, 
       context: document.body, 
       success: function(){ 
        $('#row_' + c).fadeOut(); 
        console.log('2'); 
       } 
      }); 
     }, 
     onCancel: function() { } 
    }); 

}); 

Answer 1

Wrapping meiner ursprünglichen Code in diesem Block hat es funktioniert. (frag mich nicht, warum)

jQuery(document).ajaxComplete(function(event,request, settings) { 

});