Question

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

Answer 1

要使其正常工作，您需要通过以下方式将“ change”事件委托给文档主体：

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购物车页面上自动触发数量变更更新

1 个答案: