Javascript “删除”按钮不适用于动态图元

我有一个名为“添加”的按钮，每次我想添加x产品时，我都会执行一个动态删除按钮。问题是删除按钮，因为我想按删除按钮，但如果我想删除或取消，它不会打开确认，但是如果我双击它，它会工作，但我知道它不好

function btn_del_product(id) {
  $('#confirm').confirm({
    text: 'are you sure you want to delete this product?',
    title: 'Confirmation required',
    confirm: function(button) {
      $.ajax({
        url: '../controllers/sales.php',
        type: 'POST',
        data: 'id=' + id + '&boton=delete'
      }).done(function(ans) {
        view_sales();
      });
    },
    cancel: function(button) {},
    confirmButton: "Yes",
    cancelButton: 'No',
    post: true,
    confirmButtonClass: 'btn-danger',
    cancelButtonClass: 'btn-default',
  });
}

---

我必须双击打开模式，有什么问题吗？因为我使用的是ajaxfunction btn_del_product（id）{$（'#确认'）。确认（{文本：'您确定要删除此产品吗？'，标题：'需要确认'，确认：函数（按钮）{$.ajax({url:'../controllers/sales.php'，键入：'POST'，data:'id='+id+'&boton=delete'}）.done（函数（ans）{view_sales（）}}，cancel:function（button）{}，confirbutton:'Yes'，cancelButton:'No'，POST:true，confirbuttonclass:'btn danger'，cancelButtonClass:'btn default'，}）; }