javascript - $POST 方法多次触发

Question

我在 jQuery 中有一个 $POST 方法，它将 id 作为数据发送到我的 PHP 文件，并使用该 id 从数据库中删除该行。我的问题是每次单击删除按钮时都会多次调用 POST 方法。

这是代码。

$(".dash-wrapper .display-class").on('click', '.member-list-div .all-member-box .member-content-shell .single-row .action-column .action-holder .delete-image', function() {

  var div_id = $(this).closest('[id]').attr('id');
  //$(".dash-wrapper .display-class .member-list-div .all-member-box .member-content-shell .modal .modal-content")
  $(".dash-wrapper .display-class").on('click', '#yes1', function() {
    $.post("delete.php", {
      id1: div_id
    }, function(data) {
      if (data == 1) {
        $('#myModal1').modal('hide');
        $('body').removeClass('modal-open');
        $('.modal-backdrop').remove();
        ajaxcall3();
      } else {

      }
    })
  });
});

Answer 1

尝试使用 .one()

.one() 方法与 .on() 相同，不同之处在于给定元素和事件类型的处理程序在首次调用后未绑定(bind)。

示例:

$( "#foo" ).one( "click", function() {
  alert( "This will be displayed only once." );
});