按钮具有特定类别时弹出窗口

时间:2019-03-11 13:27:11

标签: javascript html css

我在prestashop引擎中创建商店,然后自定义产品选项(如添加文件,选择产品大小等)。我的按钮不可单击。我想添加带有文本“在将产品添加到购物车之前,请自定义您的产品”的弹出窗口。当用户在定制产品之前单击按钮时。

我的按钮如下:

UIButton

我的按钮具有(disabled =“”)选项,但是当我自定义所有必需的操作按钮时,没有此选项,可以单击“添加到购物车”按钮。

所以我认为当按钮具有(disabled =“”)选项时,我需要在html / CSS中制作一些js脚本或某些内容以使用功能“ onclick”弹出窗口。

最好的问候,
拉法尔

1 个答案:

答案 0 :(得分:0)

我建议不要添加disabled属性。相反,您可以为按钮的禁用状态编写一些CSS类,例如使用opacity并将其命名为disabled-button。据我了解,该按钮默认情况下处于禁用状态,您可以将按钮类属性写为class="btn btn-secondary add-to-cart disabled-button"。该按钮始终是可单击的,您只需编写一个函数即可切换disabled-button类名和相应的操作。