购物车上的 Woocommerce 加/减按钮答案

【问题标题】：Woocommerce Plus/Minus buttons on cart购物车上的 Woocommerce 加/减按钮
【发布时间】：2017-07-24 20:40:33
【问题描述】：

我的代码第一次可以正常工作，但是一旦更新了购物车，按钮就会停止工作。这是我的 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;
    });                                                                   
 });

如果您能在点击“更新购物车”后分享如何使其继续工作的提示，我们将不胜感激。谢谢

【问题讨论】：

是的，问题是事件委托最初是准备好文档，并且由于文档准备好后 html 发生更改，因此该事件不适用于新项目。你可以用上面的代码回答你自己的问题，这样其他人就可以很容易地阅读解决方案。

标签： javascript wordpress woocommerce

【解决方案1】：

用这个解决了：

 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;
});

});

【讨论】：