Question

我的下面的代码适用于通过常规HTML插入的按钮。但是当我使用jQuery动态添加按钮时，该按钮不起作用。我尝试使用之前的Stackoverflow响应中的这个，但我无法让它工作。任何帮助表示赞赏。

我找到了答案：

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

});

Answer 1

将此原始代码包装在此块中使其正常工作。（不要问我为什么）

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

});

动态创建按钮上的jQuery Bootstrap确认

1 个答案: