jQuery keyup或点击没有立即响应，为什么？

Posted 2021-04-11

我有一排数量的输入，我总计。我有它工作，但似乎有价格总额出现时滞后！

数量总和很有效。点击，标签或使用数字输入选择箭头后，价格总和似乎发生了，虽然不是每次！我在.on函数中使用“keyup”和“click”。

无论如何，要使数量求和的方式有效吗？

的jsfiddle https://jsfiddle.net/Bigfootbud1/ht573vps/7/

**THIS PRICE SUMMING CODE BELOW DOES NOT RESPOND RIGHT AWAY!**
// ********** LADIES PRICE TOTALS **********
$(document).on('click keyup', '.item1l', function() {
$('.item1l').each(function() {
var qty = parseInt($('.item1ltotal').val(), 10);
var price = parseFloat($('.price').text());
$('#total').text((qty * price ? qty * price : 0).toFixed(2));
});
});

**THIS CODE BELOW WORKS GREAT FOR SUMMING QUANTITY TOTALS - NICELY 
RESPONSIVE - NO ISSUES WITH IT**
// ********** LADIES QUANTITY TOTALS **********
$(document).on('click keyup', ".item1l", function() {
var sum = 0;
$(".item1l").each(function() {
    sum += +$(this).val();
});
$(".item1ltotal").val(sum);    
});

答案

那是因为你正在分离响应相同事件的东西。把它们放在一起

    $(document).on('click keyup', '.item1l', function() {
      $('.item1l').each(function() {
        // **THIS PRICE SUMMING CODE BELOW DOES NOT RESPOND RIGHT AWAY!**
        // ********** LADIES PRICE TOTALS **********
        var qty = parseInt($('.item1ltotal').val(), 10);
        var price = parseFloat($('.price').text());
        $('#total').text((qty * price ? qty * price : 0).toFixed(2));

        //   SUMMATION OF CATEGORY QTY TOTALS
        // ********** LADIES QUANTITY TOTALS **********
        var sum = 0;
        $(".item1l").each(function() {
          sum += +$(this).val();
        });
        $(".item1ltotal").val(sum);
      });
    });

https://jsfiddle.net/luenib/k2nj6d8w/