Jquery中继器删除项目不更新值

Question

我正在使用这个jquery 中继器。我对表单的每次加法使用自定义计算，例如将一个输入与另一个输入相乘，然后得出乘法结果的总和。问题是，当我们单击删除时，它只是隐藏该行，但不删除该项目的值，当我们删除另一个项目时，它将删除隐藏的第一个项目，并且我的计算得到更新。我检查删除项目时的类数，第一次删除时它不会减少，第二次删除时它总是减少，如何完全删除该行及其值？var _CalTotal = function () {console.log($(".billitem_quantity").length );//Calculate total of quantityvar total_quantity = 0;$(".billitem_quantity").each(function(){    total_quantity += parseFloat($(this).val()); });$('#itemquantity_total').val(total_quantity.toFixed(2));**//Calculate total of amount**var total_amount = 0;$(".billitem_total").each(function(){    total_amount += parseFloat($(this).val());});$('#bill_total').val(total_amount.toFixed(2));console.log('test');}下面是隐藏的代码，hide: function(deleteElement) {      Swal.fire({    title: "Are you sure to cancel this order?",    text: "You will not able to revert this",    icon: "question",    showCancelButton: true,    confirmButtonText: "Yes, delete it!",    cancelButtonText: "No, revert it!",    reverseButtons: true,    }).then(function(result) {    if (result.value) {        $(this).slideUp(deleteElement);                 //I guess something is missing here to delete that item with first delete fire.              _CalTotal();  //Here i am calling calltotal function.    } else if (result.dismiss === "cancel") {    }});                                                  },

Answer 1

经过一些调试后，我发现设置setTimeout()1 秒可以解决您的问题。这意味着某些代码是在后台异步处理的。因此，您需要一个回调函数或一个承诺。

您可以通过添加slideUp()回调函数来做到这一点：

hide: function(deleteElement) {      

Swal.fire({

    title: "Are you sure to cancel this order?",

    text: "You will not able to revert this",

    icon: "question",

    showCancelButton: true,

    confirmButtonText: "Yes, delete it!",

    cancelButtonText: "No, revert it!",

    reverseButtons: true,

    }).then(function(result) {

    if (result.value) {

        $(this).slideUp(function(){

          deleteElement();

          _CalTotal();

        );

    } else if (result.dismiss === "cancel") {

    }

});                                                  

},