jquery - 数字输入微调器不更新计算字段中的值

Question

我有许多字段，我添加了加号和减号按钮，以便用户能够增加值。

这些字段充当“数量”字段，其上方有另一个输入字段和价格。

还有另一个字段计算所有选择的产品的总和并将其乘以它们的数量。

我遇到的问题是，虽然输入字段中的值正在更新，但它不会影响“总计”字段。但是，如果我用键盘手动输入输入，它工作正常。

代码如下：

$('<span class="add" uk-icon="plus"></span>').insertAfter('.product-cotainer .product-quantity input');
    $('<span class="sub" uk-icon="minus"></span>').insertBefore('.product-cotainer .product-quantity input'); 


    //Add functinoality to + button
    $('.add').click(function () {
        if ($(this).prev().val() < 10) {
            $(this).prev().val(parseInt(+$(this).prev().val() + 1));
        }
    });
    //Add functinoality to - button
    $('.sub').click(function () {
        if ($(this).next().val() > 0) {
            if ($(this).next().val() > 0) 
            $(this).next().val(+$(this).next().val() - 1);
        }
    });

标签： jquery