禁用添加到购物车按钮时,价格为零与jquery添加类



我已经从上到下搜索了stackoverflow,没有找到答案。

注意:它是添加到购物车按钮,但是我把文本改成了"下订单"。我试图禁用添加到购物车按钮,像添加一个类,它禁用按钮,因为如果我隐藏按钮,它也会隐藏上面的复选框与添加到购物车按钮但这对我来说不起作用,当价格为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

首先,正确的类是disabled。修改后,它在我的机器上运行。

如果这不起作用,你调试了吗?转到产品页面,打开开发者控制台(Chrome上是F12,转到console选项卡),输入以下内容,然后按Enter:

var value = jQuery('.price').text();
console.log(value);

您应该看到价格文本。从这里你可以进一步测试。

但是,就像Martin说的,正确的方法是排队您的JavaScript文件,并且,对于变化,在show_variation事件上添加一个eventListener。对于简单的文件,在修改了类名之后,当前代码应该完成这项工作。

最新更新