2016-07-21 90 views
0

我的代码如下,它适用于通过普通HTML插入的按钮。但是,当我使用jQuery动态添加按钮时,该按钮不起作用。我试图从以前的Stackoverflow响应中使用它,但我无法使它工作。任何帮助表示赞赏。动态创建按钮上的jQuery Bootstrap确认

,我找到了答案:

$(staticAncestors).on(eventName, dynamicChild, 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('1'); 
      } 
     }); 
    }, 
    onCancel: function() { } 
}); 

此代码将在第二次点击的工作,我无法弄清楚如何使它的第一次点击工作!

$('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() { } 
    }); 

}); 

回答

0

在这个块中包装我的原始代码使它工作。 (不要问我为什么)

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

});