2016-07-21 9 views
0

通常のHTMLで挿入されたボタンで動作する私のコードは以下のとおりです。しかし、jQueryでボタンを動的に追加すると、ボタンが機能しません。私はこれを以前のStackoverflowレスポンスから使用しようとしましたが、動作させることができません。どんな助けもありがとうございます。jQuery動的に作成されたボタンのブートストラップ確認

私が見つけた答え:私のコード

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

このコードは、もう一度クリックする上で動作します

$(staticAncestors).on(eventName, dynamicChild, 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) { 

}); 
関連する問題