$ 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

我猜，每次你點擊了刪除圖像上一次你的AJAX調用是由1周更多的時間。這是因爲您在刪除圖像上的每次點擊都綁定了一個新的事件處理程序，要修復該問題，請在點擊delete-image之前綁定click一次，並使用全局變量獲取id或每次將其重新指定爲以下內容：

$(".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").off('click', '#yes1'); 
    $(".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(); 
     } 
    }) 
    }); 
}); 

Answer 2

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


}); 


//$(".dash-wrapper .display-class .member-list-div .all-member-box .member-content-shell .modal .modal-content") 
$(".dash-wrapper .display-class").on('click', '#yes1', function(e){ 

var div_id = $(this).closest('[id]').attr('id'); 
    $.post("delete.php", { 
     id1: div_id 
    }, function(data){ 
     if(data==1){ 
     $('#myModal1').modal('hide'); 
     $('body').removeClass('modal-open'); 
     $('.modal-backdrop').remove(); 
     ajaxcall3(); 
     }else{ 
     return false; 
     } 
    } 
) 
    e.preventDefault(); 
}); 

加入該行的點擊功能結束前，並添加元素e 這將停止你點擊的傳播甚至

Answer 3

與.one()

嘗試.one()方法是相同的到.on()，但給定元素和事件類型的處理程序在第一次調用後未被綁定。

例子：

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

Answer 4

就在蝙蝠的右下方，你點擊了兩下。這可能是問題嗎？

是否有可能在ajaxcall3（）中創建某種循環？

你不是那種每次點擊一次就點擊兩次的人，是嗎？

您的鼠標驅動程序或鼠標本身有問題嗎？

沒有所有的代碼，我只是假設它是愚蠢的，所以嘗試先點擊刪除額外的東西。

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

    $.ajax({ 
     type: "POST", 
     url: "delete.php", 
     data: "id1="+div_id, 
     dataType: "text", 
     async: true, 
     success: function(data) { 
      if (data == '1') { 
       $('#myModal1').modal('hide'); 
       $('body').removeClass('modal-open'); 
       $('.modal-backdrop').remove(); 
       ajaxcall3(); 
      } 
     } 
    }); 
}) 

如果不剪，嘗試張貼

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

    $.ajax({ 
     type: "POST", 
     url: "delete.php", 
     data: "id1="+div_id, 
     dataType: "text", 
     async: true, 
     beforeSend: function() { 
      $('.member-list-div .all-member-box .member-content-shell .single-row .action-column .action-holder .delete-image').unbind('click'); 
     }, 
     success: function(data) { 
      if (data == '1') { 
       $('#myModal1').modal('hide'); 
       $('body').removeClass('modal-open'); 
       $('.modal-backdrop').remove(); 
       ajaxcall3(); 
      } 
     }, 
     complete: function() { 
      $('.member-list-div .all-member-box .member-content-shell .single-row .action-column .action-holder .delete-image').bind('click'); 
     } 
    }); 
}); 

我沒有測試在此之前解除綁定click事件，而我只是做這件事，我去。沒有保證它會工作！

編輯 括號問題。