Javascript 购物车上的加号/减号按钮

我有一个代码，它第一次可以正常工作，但是一旦购物车被更新，按钮就停止工作了。这是我的HTML

<td class="product-quantity" data-title="Quantity">
     <span class="prqu_minus"> </span>
     <div class="quantity">
     <input type="number" step="1" min="0" max="" name="cart[XXXXX][qty]" value="7" title="Qty" class="input-text qty text" size="4" pattern="[0-9]*" inputmode="numeric"></div>
     <span class="prqu_plus"> </span>
</td>

Javascript

$(document).ready(function() {
 $('.prqu_minus').click(function () {
    var $input = $(this).parent().find('input');
    var count = parseInt($input.val()) - 1;
    count = count < 1 ? 1 : count;
    $input.val(count);
    $input.change();
   $( 'div.woocommerce > form input[name="update_cart"]' ).prop( 'disabled', false );
   return false;
   });
 $('.prqu_plus').click(function () {
    var $input = $(this).parent().find('input');
    $input.val(parseInt($input.val()) + 1);
    $input.change();
    $( 'div.woocommerce > form input[name="update_cart"]' ).prop( 'disabled', false );
    return false;
    });                                                                   
 });

$（文档）.ready（函数（）{
$（'.prqu_减号'）。单击（函数（）{
var$input=$（this.parent（）.find（'input'）；
var count=parseInt（$input.val（））-1；
计数=计数<1？1：计数；
$input.val（计数）；
$input.change（）；
$（'div.woocommerce>forminput[name=“update_cart”]）.prop（'disabled'，false）；
返回false；
});
$（'.prqu_plus'）。单击（函数（）{
var$input=$（this.parent（）.find（'input'）；
$input.val（parseInt（$input.val（））+1）；
$input.change（）；
$（'div.woocommerce>forminput[name=“update_cart”]）.prop（'disabled'，false）；
返回false；
});                                                                   
});

如果你能分享一个如何让它在点击“更新购物车”后继续工作的技巧，我将不胜感激。谢谢

解决了这个问题：

 jQuery(function($) {

$( document ).on( 'click', '[name=prqu_minus]', function() {
     var $input = $(this).parent().find('input');
     var count = parseInt($input.val()) - 1;
     count = count < 1 ? 1 : count;
     $input.val(count);
     $input.change();
     $( 'div.woocommerce > form input[name="update_cart"]' ).prop( 'disabled', false );
     return false;
});


$( document ).on( 'click', '[name=prqu_plus]', function() {
     var $input = $(this).parent().find('input');
     $input.val(parseInt($input.val()) + 1);
     $input.change();
     $( 'div.woocommerce > form input[name="update_cart"]' ).prop( 'disabled', false );
     return false;
});

});

jQuery（函数（$）{
$（文档）.on（'click'，'name=prqu_-minus]'，function（）{
var$input=$（this.parent（）.find（'input'）；
var count=parseInt（$input.val（））-1；
计数=计数<1？1：计数；
$input.val（计数）；
$input.change（）；
$（'div.woocommerce>forminput[name=“update_cart”]）.prop（'disabled'，false）；
返回false；
});
$（文档）。在（'click'，'name=prqu_plus]'上，函数（）{
var$input=$（this.parent（）.find（'input'）；
$input.val（parseInt（$input.val（））+1）；
$input.change（）；
$（'div.woocommerce>forminput[name=“update_cart”]）.prop（'disabled'，false）；
返回false；
});
});

是的，问题是事件委派最初是在文档准备就绪的情况下进行的，由于html在文档准备就绪后发生更改，因此事件在新项目上不起作用。您可以用上面的代码回答自己的问题，这样其他人就可以轻松地阅读解决方案。