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

Question

我有一排数量输入项，我对总数求和。我有它的工作，但总价出现时似乎有延迟！

数量求和效果很好。价格总和似乎发生在点击、Tab 键或使用数字输入 select 箭头后，尽管不是每次都发生！我在 .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);    
});

Answer 1

那是因为您将响应相同事件的内容分开。放在一起

    $(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/

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

jQuery keyup or click not responding right away, why?

jquery

sum

click

keyup