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

【问题标题】：Remove duplicated div on Cart Update in Woocommerce在 Woocommerce 的购物车更新中删除重复的 div
【发布时间】：2020-07-29 16:46:12
【问题描述】：

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

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

到目前为止，我尝试的是使用 jQuery remove();，但由于页面不刷新，我不能使用文档准备功能或类似的功能来删除额外的 div。

有没有人可以快速解决？

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

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

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

【问题讨论】：

当我点击更新购物车听起来你已经有一个不同的事件和元素，你可以针对逻辑。
@Taplar 我明白你的意思，但由于它调用 Ajax 来刷新购物车并且不刷新页面，所以我使用的代码不会删除任何内容，因为更新过程需要一段时间。它会在 5 或 6 秒后复制 div。

标签： jquery wordpress woocommerce

【解决方案1】：

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

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

发帖以防对其他人有帮助。

【讨论】：