Question

我需要一些帮助，我在wordpress中有以下代码段：

    add_action('wp_head', function (){ 
?>
<script>
    jQuery(function($) {
        // Customer click = hide button
        $(".products, .add_to_cart_inline, .added").on("click", function(e) {
            $(".add_to_cart_button.product_type_simple").hide();
        });

        });
    </script>

<?php });

此代码在用户点击后隐藏了所有添加到购物车按钮。

我的目标：对于已添加到购物车的每个商品/产品，“添加到购物车”按钮都会自动隐藏。

以下是我要实现的屏幕截图：

Button clicked

Button hidden

有什么建议吗？

谢谢！

Answer 1

脚本正在选择所有按钮。
您只需选择要单击的按钮并将其隐藏即可。

尝试使用此脚本。它使用$(this)选择单击的按钮。
确保选择正确的按钮类别。例如，使用devtools查看每个添加按钮的共同点。

<script>
  jQuery(function($) {
  // Customer click = hide button
    $(".add_to_cart_button").on("click", function(e) {
      $(this).hide();
    });
  });
</script>

如何使用购物车中已有的AJAX IF项目在Woocommerce中隐藏添加到购物车按钮

1 个答案: