Javascript WooCommerce-向购物车添加两个延迟为0.1s的项目，第一个未添加

上下文

我有一个WooCommerce网站，用户可以相当快地选择多达50个项目。然后，他们点击结帐按钮，进入购物车和结帐页面

问题

如果用户非常快地选择项目（例如，单击项目1->0.1s->单击项目2），则项目1将不会出现在购物车中。这可能是因为当您非常快速地选择项目2时，对项目1的Ajax调用被中断

问题

---

是否有办法修改WooCommerce的功能，以使选择之间的低延迟不会干扰添加到购物车？

将所选项目存储在阵列中。使用事件侦听器监视单击的项目。将阵列中的选择作为组而不是单独的事务发送。如果动态填充的表或div中显示的项目数量可变，请使用.querySelector为要检查的所有节点设置一个事件侦听器。查看我的示例，了解如何在堆栈溢出时设置，您还可以在购物车更新期间禁用所有其他“添加到购物车”按钮？@Claus-谢谢，这很有帮助！将所选项目存储在数组中。使用事件侦听器监视单击的项目。将阵列中的选择作为组而不是单独的事务发送。如果动态填充的表或div中显示的项目数量可变，请使用.querySelector为要检查的所有节点设置一个事件侦听器。查看我的示例，了解如何在堆栈溢出时设置，您还可以在购物车更新期间禁用所有其他“添加到购物车”按钮？@Claus-谢谢，这很有帮助！