改变Woocommerce产品数量的链接点击与jQuery

Question

在产品详细信息页面上，我希望有几个按钮允许用户选择特定的数量。例如150,300,500。当点击时，数量输入字段应该更新为用户点击的值。

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

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

Woocommerce中的数量输入字段名为= "quantity">

这个功能的一个例子可以在这里看到:https://www.anypromo.com/trade-show-events/printed-cards/plastic-wallet-card-p730694(数量表-点击，它将改变数量输入字段)

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单个产品页面上测试并有效。