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() {&nbsp; &nbsp; if (is_cart()) :&nbsp; &nbsp; ?>&nbsp; &nbsp; <script type="text/javascript">&nbsp; &nbsp; jQuery( function($){&nbsp; &nbsp; &nbsp; &nbsp; $(document.body).on('change input', '.qty', function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('button[name="update_cart"]').trigger('click');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // console.log('Cart quantity changed…');&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; });&nbsp; &nbsp; </script>&nbsp; &nbsp; <?php&nbsp; &nbsp; endif;}代码位于活动子主题（或活动主题）的 functions.php 文件中。测试和工作。