防止多次点击添加到购物车按钮-wordpress / woocommerce

Question

我想知道防止在wordpress中双击“添加到购物车”按钮的最佳方法是什么。目前，我可以多次单击添加到购物车，并且该产品仅允许数量为1，因此购物车页面上指出该产品已存在于购物车中，而实际上是由于双击所致。

我尝试了以下代码，但由于仍然允许多次点击而无法正常工作

do_action('woocommerce_before_shop_loop_item');

function onlyonce(){ ?>
<script>
jQuery(document).ready(function($){
$('.cart').one('submit', function() {
$(this).find('button[type="submit"]').attr('disabled','disabled');
});
});

</script>
<?php }

Answer 1

您可以做的一件事是禁用click而不是submit上的按钮。

让我知道下面的代码是否有帮助。

Mods 该代码仅供参考，一旦OP确认是否有帮助，我将删除答案。

jQuery(document).ready(function($) {

  $('#submitBtn').on('click', function() {
    console.log('disabling');
    $(this).attr('disabled', 'disabled');
    console.log('disabled');

    // then submit your form
  });
  /*
    $('.cart').one('submit', function() {
      $(this).find('button[type="submit"]').attr('disabled', 'disabled');
    });
    */
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button id="submitBtn" type="submit">Checkout</button>