当价格为零时，通过添加类使用 jquery 禁用“添加到购物车”按钮
Posted
技术标签:
【中文标题】当价格为零时，通过添加类使用 jquery 禁用“添加到购物车”按钮【英文标题】：Disable Add to Cart button when the Price is zero with jquery by adding class 【发布时间】：2021-11-11 03:07:14 【问题描述】：我已经从上到下搜索了***没有找到答案。
注意：它的添加到购物车按钮，但我将文本更改为“下订单” 我正在尝试禁用添加到购物车按钮，例如向其添加一个类以禁用该按钮，因为如果我隐藏该按钮，它也会隐藏上面附加的添加到购物车按钮的复选框。screenshot 但它对我不起作用，当价格变为 0 美元时它不会禁用按钮，可能是代码或任何其他冲突。 这是我在主题编辑器中添加到 wordpress 头并通过调用的 jquery 代码
<body onload="hideCart()">
jquery 代码是
<script>
function hideCart()
var value = jQuery('.price').text();
if(value === '$0')
jQuery('.single_add_to_cart_button').addClass("disable");
else
jQuery('.single_add_to_cart_button').removeClass("disable");
</script>
screenshot2
【问题讨论】：
如果您不想添加到购物车按钮，请删除价格或将库存设置为 0 且没有延期交货。如果您想要 jquery，请确保您连接到正确的 woo 事件。 【参考方案1】：首先，正确的类是disabled。更改后，它可以在我的机器上运行。
如果这不起作用，您是否已对其进行调试？转到产品页面，打开您的开发者控制台（Chrome 上的 F12，转到控制台选项卡），输入以下内容，然后按 Enter：
var value = jQuery('.price').text();
console.log(value);
您应该会看到价格文本。从那里你可以进一步测试它。
但是，正如 Martin 所说，正确的方法是 enqueue your javascript file，并且，对于变化，在 show_variation 事件上添加一个 eventListener。对于简单文件，您当前的代码应该在修复类名后完成这项工作。
【讨论】：
谢谢。实际上价值是 $0$0，我将它与 $0 匹配。 没问题。你能接受这个答案吗？谢谢。以上是关于当价格为零时，通过添加类使用 jquery 禁用“添加到购物车”按钮的主要内容，如果未能解决你的问题，请参考以下文章