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

Question

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

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

Answer 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 文件。已测试并有效。

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

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

Auto trigger Update on quantity change in WooCommerce cart page

php

wordpress

jquery

cart

woocommerce