将产品成功添加到购物车后触发JQuery脚本

在我的孩子主题的custom.js中，我有以下内容：

$(document.body).on('added_to_cart', function() {
    console.log('Product Added');
});

---

理论上，当产品成功添加到购物车中时，这应该在控制台中输出该消息。然而，目前它没有任何作用，我也不知道为什么？

这对我来说似乎很好

HTML（带引导程序4）

您可以查看此代码笔并使用它：

---

使用此选项对我有效：）

“添加到购物车”

必须是一个事件。这个活动是定制的还是添加的？你肯定做了一些其他的定制（或者你的主题有一些或者甚至有一个插件可能是有罪的）…没有一个实时链接是不可能检查出什么问题的，因为你正在使用的代码应该在默认的woocommerce上工作…而且这个代码将只在archove页面上作为shop工作，是否在Woocommerce设置中启用了ajax添加到购物车。

<div class="container mt-5">
  <div class="col-4 mx-auto">
    <div class="card">
      <div class="card-body text-center">
        <h5>Hello, World!</h5>
        <br>
        <button id="addToCart" class="btn btn-primary">
          Trigger Event
        </button>
      </div>
    </div>
  </div>
</div>

var body = $(document.body);
var button = $('#addToCart');

body.on('add_to_cart', function (event) {
  console.log('added to cart!');
});

button.on('click', function () {
  body.trigger('add_to_cart');
})

jQuery(document).ready(function($){
    $('body').on( 'added_to_cart', function(){
        alert("testing!");
    });
});