WooCommerce 购物车页面中数量变化的自动触发更新

【问题标题】：Auto trigger Update on quantity change in WooCommerce cart pageWooCommerce 购物车页面中数量变化的自动触发更新
【发布时间】：2021-01-31 07:30:19
【问题描述】：

我从 woocommerce 购物车中删除了 UPDATE 按钮，并尝试在桌面和移动设备上更新购物车的数量变化。以下脚本完成了这项工作，但由于某种原因它只能工作一次。希望有人能帮忙，非常感谢！

add_action( 'wp_footer', 'update_cart_qty' ); 
function update_cart_qty() {
   if (is_cart()) {
      ?>
      <script type="text/javascript">
         jQuery('input.qty').change(function(){
            jQuery("[name='update_cart']").trigger("click");
         });
      </script>
      <?php
   }
}

【问题讨论】：

标签： php jquery wordpress woocommerce cart

【解决方案1】：

要使其工作，您需要将“更改”事件委托给文档正文，这样：

add_action( 'wp_footer', 'auto_update_cart_on_qty_change' );
function auto_update_cart_on_qty_change() {
    if ( is_cart() ) :
    ?>
    <script type="text/javascript">
    (function($){
        $( document.body ).on( 'change input', 'input.qty', function() {
            $('[name=update_cart]').trigger('click');
        });
    })(jQuery);
    </script>
    <?php
    endif;
}

代码位于活动子主题（或活动主题）的functions.php 文件中。经过测试并且可以工作。

当客户在数量字段中输入值时，还添加了“输入”事件。

【讨论】：