如何正确添加WooCommerce added_to_cart触发事件实现加购弹窗？

• added_to_cart 并非WooCommerce AJAX接口返回后自动触发的全局事件。WooCommerce原生的所有AJAX加购场景（产品列表页、默认加购按钮），都是在前端JS的AJAX成功回调中，手动向body节点派发该自定义事件的，HTTP接口的响应本身不会自动执行任何前端事件逻辑。
• 你参考教程实现的单产品页自定义AJAX加购，仅完成了AJAX请求发送、购物车数量角标更新、页面静态片段刷新的基础功能，完全没有在请求成功的回调分支里补上事件触发的代码，因此所有绑定在body上的added_to_cart监听器都收不到触发信号——这和你写的事件绑定代码本身没有逻辑问题。
• 小概率的异常场景：如果你的加购请求在DOM完全加载完成前就触发、事件派发逻辑在你绑定监听器的代码执行前运行，也会出现事件监听器收不到信号的问题，但结合你描述的“AJAX加购功能可正常生效”的状态，缺事件触发逻辑的概率在99%以上。

• 定位你写的自定义单产品AJAX加购的成功回调代码段，在接口返回成功的判断分支内，补充事件触发逻辑：

  // 加购成功回调中补充事件派发
  $(document.body).trigger('added_to_cart', [
    response.fragments || {},  // 传入接口返回的购物车更新HTML片段，无则传空对象
    response.cart_hash || '', // 传入当前购物车的哈希值，无则传空字符串
    $currentAddBtn            // 传入触发本次加购动作的按钮DOM对象
  ]);
  

• 事件触发逻辑补充完成后，你现有的事件绑定代码可以直接生效，不需要调整绑定结构，只需要把回调里的alert替换成你需要的标准弹窗逻辑即可：

  jQuery(document).ready(function($){
      $('body').on( 'added_to_cart', function(e, fragments, cart_hash, $button){
          // 实现需求弹窗：包含「前往购物车」跳转链接、「留在当前页」关闭操作
          // 跳转链接可直接读取WooCommerce全局配置中的购物车地址：`wc_add_to_cart_params.cart_url`
      });
  });
  

• 避坑提醒：如果你的自定义加购走了admin-ajax.php的独立action接口，需要保证接口返回结构和WooCommerce默认加购的返回结构对齐，至少要返回购物车区域的更新片段，否则即使成功触发了added_to_cart事件，依赖片段数据的购物车全局更新逻辑也会出现异常。

内容的提问来源于stack exchange，提问作者alexgrey