Woocommerce 中购物车项目数量变化的自动更新购物车总数

Question

每次购物车中产品的数量自动增加或减少时，我都会尝试更新购物车总数。我尝试了下面的代码，但它并不总是在刷新购物车页面后才起作用一次；function update_cart_refresh_update_qty() {    if (is_cart()) :    ?>    <script type="text/javascript">    jQuery( function($){        $('.qty').on('change', function(){            setTimeout(function() {//This is set, so it gives the update cart button time to enable from disable mode                $('input[name="update_cart"]').trigger('click');            }, 2000);        });    });    </script>    <?php    endif;}add_action( 'wp_footer', 'update_cart_refresh_update_qty');我希望每次产品数量发生变化时都会更新购物车总数（触发更新购物车按钮）。

Answer 1

您需要将其用作 document.body 委托事件（onchange和inputevents），如下所示：

add_action( 'wp_footer', 'update_cart_on_item_qty_change');

function update_cart_on_item_qty_change() {

    if (is_cart()) :

    ?>

    <script type="text/javascript">

    jQuery( function($){

        $(document.body).on('change input', '.qty', function(){

            $('button[name="update_cart"]').trigger('click');

            // console.log('Cart quantity changed…');

        });

    });

    </script>

    <?php

    endif;

}

代码位于活动子主题（或活动主题）的 functions.php 文件中。测试和工作。