自動觸發更新 WooCommerce 購物車頁面中的數量變化

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

要使其工作，您需要將“更改”事件委托給文檔正文，如下所示：

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 文件中。 測試和工作。

當客戶在數量字段中輸入一個值時，還添加了“輸入”事件。