在Jquery中如何解除绑定事件

时间:2017-07-22 11:22:30

标签: javascript jquery bootstrap-modal

当我点击删除并在确认框中说“否”时,当我尝试删除另一条记录时,之前的记录ID将被发送到后端。

我使用bootstrap模式进行确认以下是代码

show()

这是我的Jquery代码

hide()

2 个答案:

答案 0 :(得分:0)

问题是one()可以多次添加。如果你因为取消而没有使用第一个...将会有两个并且它们都会触发。 Demo - multiple one() trigger

您可以使用deleteAgent将当前data() ID分配给模态,并将事件侦听器分开

$(".deleteAgent").click(function(e) {

  var $buttonClicked = $(this);
  var id = $buttonClicked.attr('data-id');

  $('#confirmBoxModal').modal({
    backdrop: 'static',
    keyboard: false
  }).data('delete-id', id);

});

$('#btnConfirmBoxDelete').click(function(e) {
  var id = $('#confirmBoxModal').data('delete-id'):
    // make sure id exists before proceeding
    $.ajax({
      type: "get",
      url: 'url',
      contentType: "application/json; charset=utf-8",
      data: {
        "ID": id
      },
      //.....
    });
});

答案 1 :(得分:-1)

在ajax成功中使用它

$("#btnConfirmBoxDelete").off("click");

它将取消绑定点击事件

相关问题