link 点击 jQuery 更改 Woocommerce 产品数量

Question

在产品详细信息页面上，我想要一些按钮以允许用户 select 特定数量。例如150、300、500。单击时，数量输入字段应更新为用户单击的值。

我尝试了一个简单的点击功能，但它根本没有触发 - 控制台中也没有。

<a id="quantity150">150</a>

$('#quantity150').click(function () {
      $('[name="quantity"]').val('150');
      console.log('#quantity150 was clicked');
    });

Woocommerce 中的数量输入字段名称为“数量”

可在此处查看此功能的示例：https://www.anypromo.com/trade-show-events/printed-cards/plastic-wallet-card-p730694（数量 table - 单击它将更改数量输入字段）

Answer 1

在 Wordpress 中，您需要将 $ 别名替换为 jQuery。请改用以下内容：

<a id="quantity150" class="button" href="#">150</a>
<script>
jQuery( function($) {
    $('#quantity150').click( function(e) {
        e.preventDefault();
        $('[name="quantity"]').val('150');
        console.log('#quantity150 was clicked');
    });
});
</script>

在 WooCommerce 单个产品页面上测试了一个作品。

link 点击 jQuery 更改 Woocommerce 产品数量

Change Woocommerce product quantity on a link click with jQuery

html

wordpress

jquery

woocommerce

product-quantity