在Woocommerce中的购物车更新上删除重复的div

Question

我正在借助Wordpress和Woocommerce创建一个新网站。我创建了店面的子主题，并一直在努力。我需要在购物车页面上进行一些更改，因此我在他们的孩子身上覆盖了cart.php模板。

我面临的问题是，当我单击更新购物车时，它会复制包含产品列表的表单。

到目前为止，我一直尝试使用jQuery remove();，但是由于页面无法刷新，因此我无法使用文档就绪功能或类似的功能来删除多余的内容divs。

有人对此有快速解决方案吗？

我到目前为止所拥有的是：

$(document).ready(function(){
   $(".cart-page-desktop:not(:first)").remove();
   $(".cart-page-mobile:not(:first)").remove();
});

要复制的div称为.cart-page-desktop和。cart-page-mobile。 谢谢您的帮助。

Answer 1

在对Woocommerce自定义事件进行深入搜索之后，我找到了updated_cart_totals，并用下一段代码解决了我的问题。

$( document.body ).on( 'updated_cart_totals', function(){
    $(".cart-page-desktop:not(:first)").remove();
    $(".cart-page-mobile:not(:first)").remove();
});

发布，以免对其他人有帮助。